常用的HTML5列表标签
导读:收集整理的这篇文章主要介绍了常用的HTML5列表标签,觉得挺不错的,现在分享给大家,也给大家做个参考。这次给大家带来常用的HTML5列表标签,使用用HTML5列表标签的注意事项有哪些,下面就是实战案例,一起来看一下。 一、列表标签作用 作用...
收集整理的这篇文章主要介绍了常用的HTML5列表标签,觉得挺不错的,现在分享给大家,也给大家做个参考。这次给大家带来常用的HTML5列表标签,使用用HTML5列表标签的注意事项有哪些,下面就是实战案例,一起来看一下。一、列表标签作用
作用:给一堆数据添加列表语义,也就是告诉搜索引擎告诉浏览器这一堆数据是一个整体
二、列表标签分类:
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> xxxli> /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标签中添加其它标签
相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!
推荐阅读:
H5文件异步上传
indexeddb数据库的使用详解
H5拖放API进行拖放排序
以上就是常用的HTML5列表标签的详细内容,更多请关注其它相关文章!
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: 常用的HTML5列表标签
本文地址: https://pptw.com/jishu/583940.html