您当前位置:图趣网(Tuquu) >> 网页设计教程 >> 移动前端 >> 浏览设计教程

常用的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列表标签,盼望对大家有所帮助,假如大家有任何疑问请给我留言,小编会及时回复大家的。在此也特别很是感谢大家对图趣网网站的支持!

[教程作者:佚名]
免责声明:本站文章系图趣网整理发布,如需转载,请注明出处,素材资料仅供个人学习与参考,请勿用于商业用途!
本文地址:http://www.tuquu.com/tutorial/wd410.html
浅析HTML5中的 History 模式
HTML5本地存储之IndexedDB
图趣网微信
建议反馈
×