JiuDe

nav元素作用展示
*注释:使用role属性告诉辅助设备(如屏幕阅读器)这个元素所扮演的角色,而banner表示的是这个区域...
扫描右侧二维码阅读全文
12
2019/07

nav元素作用展示

*注释:使用role属性告诉辅助设备(如屏幕阅读器)这个元素所扮演的角色,而banner表示的是这个区域是导航栏*

JiuDe NO.1

nav标签定义导航链接的部分。并不是所有的 HTML 文档都要使用nav元素。nav元素只是作为标注一个导航链接的区域。在不同设备上(手机或者PC)可以制定导航链接是否显示,以适应不同屏幕的需求。


JiuDe NO.2

说明:nav标签是 HTML 5 中的新标签。注释:如果文档中有“前后”按钮,则应该把它放到nav元素中。


JiuDe NO.3

目前大多数浏览器支持nav标签。

 <body>
<hrader role="banner">*注释:使用role属性告诉辅助设备(如屏幕阅读器)这个元素所扮演的角色,而banner表示的是这个区域是导航栏*
<nav>*注释:nav元素一般用来做导航栏,链接到本页面的某个位置或者是其他页面*
<ul>*标签定义无序列表*
<li><a href="#1">JiuDe NO.1</a></li>
<li><a href="#2">JiuDe NO.2</a></li>
<li><a href="#3">JiuDe NO.3</a></li>
</ul>
</nav>
</header>
<br/><br/>
<article id="1"> <p style="color:red">JiuDe NO.1</p> nav标签定义导航链接的部分。并不是所有的 HTML 文档都要  使用nav元素。nav元素只是作为标注一个导航链接的区域。在不同设备上(手机或者PC)可以制定导航链接是否显示,以适应不同屏幕的需求。</article>
<br/><br/>
<article id="2"><p style="color:red">JiuDe NO.2 </p>说明:nav标签是 HTML 5 中的新标签。注释:如果文档中有“前后”按钮,则应该把它放到nav元素中。</article>
<br/><br/>
<article id="3"><p style="color:red">JiuDe NO.3</p>目前大多数浏览器支持nav标签。</article>
</body>
最后修改:2019 年 07 月 12 日 04 : 51 PM
如果觉得我的文章对你有帮助,请给我来杯珍珠奶茶。

发表评论