• 技术文章 >web前端 >前端问答

    HTML5里什么是导航标签

    WBOYWBOY2022-08-31 17:04:14原创574

    在HTML5中,nav标签是导航标签;nav的全称是navigation,意为导航,该标签定义导航链接的部分,用于表示HTML页面中的导航,该标签并不是所有的HTML文档都要使用,只是作为标注一个导航链接的区域。

    大前端零基础入门到就业:进入学习

    本教程操作环境:windows10系统、HTML5版本、Dell G3电脑。

    HTML5里什么是导航标签

    <nav> 标签定义导航链接的部分。

    并不是所有的 HTML 文档都要使用到 <nav> 元素。<nav> 元素只是作为标注一个导航链接的区域。

    在不同设备上(手机或者PC)可以制定导航链接是否显示,以适应不同屏幕的需求。

    Nav元素可以用作页面导航的链接组,在导航链接组里面有很多的链接,点击每个链接可以链接到其他页面或者当前页面的其他部分,并不是所有的链接组都要被放在nav元素里面,我们只需要把最主要的、基本的、重要的放在nav元素里面即可。

    比如说页脚底部如果有个版权申明,我们就不建议使用nav元素,而是使用footer元素是最合适的。一个页面中我们可用多个nav元素作为整体或者不同部分的导航

    nav元素的用法

    <body>
    <h1>nav的使用方法</h1>
    <nav>
    <ul>
    <li>
    <a href=”nav元素.html”>首页</a>
    </li>
    <li>
    <a href=”aside元素.html”>aside</a>
    </li>
    <li>
    <a href=”section元素.html”>section</a>
    </li>
    </ul>
    </nav>
    </body>

    输出结果:

    37.png

    (学习视频分享:css视频教程html视频教程

    以上就是HTML5里什么是导航标签的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

    前端(VUE)零基础到就业课程:点击学习

    清晰的学习路线+老师随时辅导答疑

    自己动手写 PHP MVC 框架:点击学习

    快速了解MVC架构、了解框架底层运行原理

    专题推荐:html5
    上一篇:使用ajax需要引入jquery吗 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• ❤️‍🔥接口自动化测试不想写代码?• html5不能换行的标签• html5是一种新的语言么• html5支持离线应用吗• 详解HTML5新增的多媒体标签• vue属于html5吗
    1/1

    PHP中文网