HTML5中有哪些列表标签
这篇文章主要为大家展示了“HTML5中有哪些列表标签”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“HTML5中有哪些列表标签”这篇文章吧。
成都创新互联-专业网站定制、快速模板网站建设、高性价比林周网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式林周网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖林周地区。费用合理售后完善,十余年实体公司更值得信赖。
一、列表标签作用
作用:给一堆数据添加列表语义,也就是告诉搜索引擎告诉浏览器这一堆数据是一个整体
二、列表标签分类:
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标签中添加其它标签
以上是“HTML5中有哪些列表标签”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!
分享文章:HTML5中有哪些列表标签
网页URL:http://azwzsj.com/article/jchchp.html