这次给大家带来常用的HTML5列表标签，使用用HTML5列表标签的注意事项有哪些，下面就是实战案例，一起来看一下。
一、列表标签作用
作用：给一堆数据添加列表语义，也就是告诉搜索引擎告诉浏览器这一堆数据是一个整体
二、列表标签分类：
1、无序列表unorderd list:给一堆数据添加列表语义，并且一堆数据中所有的数据都没有先后之分
格式：
- 需要显示的条目内容
登录后复制
注意：ul标签是给列表内容添加语义的不是添加小圆点的；ul标签和li标签是一个整体，一起出现；ul标签中不推荐包含其它标签,可以在li标签中添加其它标签
如何快速编写ul格式：ul>li*3 按tab键 生成一对ul标签，3对li标签
应用场景为新闻／商品列表／导航条
2、有序列表orderd list：
- xxx
登录后复制
3、定义列表definition list:
登录后复制
dt: definition title定义标题
dd: definition description定义标题的描述
应用场景：网站底部的描述信息；图文混排
注意点：dl和dt、dd是一个整体，一起出现，dl中建议只放dt、dd；一个dt可以没有对应的dd，也可以有多个dd，建议一个dt对应一个dd；需要丰富界面时，可以在dt和dd标签中添加其它标签
相信看了本文案例你已经掌握了方法，更多精彩请关注【创想鸟】其它相关文章！
推荐阅读：
H5文件异步上传
indexeddb数据库的使用详解
H5拖放API进行拖放排序
以上就是常用的HTML5列表标签的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2909171.html
