常用的HTML5列表标签


本文摘自PHP中文网,作者php中世界最好的语言,侵删。

这次给大家带来常用的HTML5列表标签,使用用HTML5列表标签的注意事项有哪些,下面就是实战案例,一起来看一下。

一、列表标签作用

作用:给一堆数据添加列表语义,也就是告诉搜索引擎告诉浏览器这一堆数据是一个整体

二、列表标签分类:

1、无序列表unorderd list:给一堆数据添加列表语义,并且一堆数据中所有的数据都没有先后之分

格式:

1

2

3

<ul>

    <li>需要显示的条目内容</li>

</ul>

注意:ul标签是给列表内容添加语义的不是添加小圆点的;ul标签和li标签是一个整体,一起出现;ul标签中不推荐包含其它标签,可以在li标签中添加其它标签

如何快速编写ul格式:ul>li*3 按tab键 生成一对ul标签,3对li标签

应用场景为新闻/商品列表/导航条

2、有序列表orderd list:

1

2

3

<ol>

       <li>xxx<li>

  </ol>

3、定义列表definition list:

1

2

3

4

<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标签中添加其它标签

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:

H5文件异步上传

indexeddb数据库的使用详解

H5拖放API进行拖放排序

以上就是常用的HTML5列表标签的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

HTML5实现如何在两个div元素之间拖放图像

企业开发中使用h5有哪些注意事项

HTML5开始播放当前的音频或视频的方法

分享用HTML5来实现一个3d逼真的圣诞树

htnl5利用svg页面高斯模糊的方法

h5与传统html的区别

xhtml和HTML5的区别是什么

HTML5实现调用摄像头并拍照功能

HTML5新特性之离线缓存技术-php中文网

HTML5视频音频实现步骤

更多相关阅读请进入《HTML5》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...