HTML5中有哪些列表标签

这篇文章主要为大家展示了“HTML5中有哪些列表标签”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“HTML5中有哪些列表标签”这篇文章吧。

成都创新互联-专业网站定制、快速模板网站建设、高性价比林周网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式林周网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖林周地区。费用合理售后完善，十余年实体公司更值得信赖。

 一、列表标签作用

作用：给一堆数据添加列表语义，也就是告诉搜索引擎告诉浏览器这一堆数据是一个整体

二、列表标签分类：

1、无序列表unorderd list:给一堆数据添加列表语义，并且一堆数据中所有的数据都没有先后之分

格式：

<ul>
    <li>需要显示的条目内容</li>
</ul>

注意：ul标签是给列表内容添加语义的不是添加小圆点的；ul标签和li标签是一个整体，一起出现；ul标签中不推荐包含其它标签,可以在li标签中添加其它标签

如何快速编写ul格式：ul>li*3 按tab键 生成一对ul标签，3对li标签

应用场景为新闻／商品列表／导航条

2、有序列表orderd list：

<ol>
       <li>xxx<li>
  </ol>

3、定义列表definition list:

<dl>
    <dt></dt>
    <dd></dd>
</dl>

dt: definition title定义标题

dd: definition description定义标题的描述

应用场景：网站底部的描述信息；图文混排

注意点：dl和dt、dd是一个整体，一起出现，dl中建议只放dt、dd；一个dt可以没有对应的dd，也可以有多个dd，建议一个dt对应一个dd；需要丰富界面时，可以在dt和dd标签中添加其它标签

以上是“HTML5中有哪些列表标签”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！

网站名称：HTML5中有哪些列表标签
URL分享：https://www.cdcxhl.com/article48/jchchp.html

成都网站建设公司_创新互联，为您提供手机网站建设、电子商务、软件开发、网站营销、移动网站建设、网站内链

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联