html5中nav标签如何合理的使用?

企鹅博客
企鹅博客
企鹅博客
29010
文章
0
评论
2020年9月17日00:54:32 评论 5 views 596字阅读1分59秒

html5中nav标签如此使用是否合理

<nav>
<li><a href="#">1111111111111</a></li>
<li><a href="#">222222222</a></li>
<li><a href="#">333333333333</a></li>
<li><a href="#">44444444</a></li>
</nav>

在hmtl5中nav标签,可以像以上那样使用吗?如果这样使用是不是合理的?请高手指教。

应该是这样的

<nav>
  <ul>
    <li><a href="#">1111111111111</a></li>
    <li><a href="#">222222222</a></li>
    <li><a href="#">333333333333</a></li>
    <li><a href="#">44444444</a></li>
  </ul>
</nav>

为什么非得加UL呢,我觉得如果用UL的话,其它外边的那个nav可以省,这样不属于多于的代码吗?有必要写这么多层吗,也没有那个效果的话,一个标签就可以了。

你要是说可以把ul去掉,那你以前写代码可以写成下面这样了

<div>
  <li></li>
  <li></li>
</div>

首先列表的结构就是这样的:<ul><li></li></ul>要是没有ul还叫列表吗?

以上就是html5中nav标签如何合理的使用?的详细内容,更多请html教程其它相关文章!

weinxin
欢迎加入中国站长博客之家
本站的所有资源都会上传分享到博客之家,希望大家互相学习交流进步。
如何学习html5 html教程

如何学习html5

HTML(Hyper Text Markup Language)即超文本标记语言。HTML5指的是超文本标记语言第五次重大修改。目前,HTML5 中包含一些有趣的新特性,如用于绘画的 canvas 元...
移动端HTML5中判断横屏竖屏的方法 H5教程

移动端HTML5中判断横屏竖屏的方法

在移动端中我们经常碰到横屏竖屏的问题,那么我们应该如何去判断或者针对横屏、竖屏来写不同的代码呢。本文主要介绍了HTML5中判断横屏竖屏的方法(移动端)的相关资料,需要的朋友可以参考下,希望能帮助到大家...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: