常用的HTML5列表标签-

这次给大家带来常用的HTML5列表标签，运用用HTML5列表标签的注意事项是什么，下面就是实战案例，一起来看一下。 这次给大家带来常用的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列表标签的细致内容，更多请关注 百分百源码网 其它相干文章！