常用的HTML5列表标签
发布时间：2017-06-20 09:38:49 作者：佚名 
我要评论
我要评论这篇文章主要介绍了常用的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>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标签css3的常用样式。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-20
- 下面小编就为大家带来一篇html5中的一些标签学习(心得)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-18
- HTML5现在已经不是SGML的子集，主要是增加了关于图像，位置，存储，多任务等功能。接下来通过本文对这些功能简要概述下，感兴趣的朋友参考下吧2016-09-05
- 下面小编就为大家带来一篇浅谈Html5中视频 音频标签 进度条的问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-07-26
- 这篇文章主要介绍了HTML5进阶段内联标签汇总（小篇）的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-07-13
- 下面小编就为大家带来一篇关于HTML5语义标签的实践(blog页面)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-07-12
html5基于canvas实现的文字标签云3D旋转动画特效源码
这是一款html5基于canvas实现的文字标签云3D旋转动画特效源码。鼠标滑过文字呈现框选效果，拖动文字可呈现出标签云的3D动画旋转效果。2016-07-07- 下面小编就为大家带来一篇HTML5之语义标签介绍。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-07-07
- 下面小编就为大家带来一篇HTML5不支持标签和新增标签详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-27
- header标签不同于我们最熟悉的head标签,header往往更常被用于定义文章的头部,下面我们就来浅析HTML5中header标签的用法:2016-06-24
最新评论