当前位置:首页 > 站长笔记 > 正文
运行天数:3005 天 最后更新:2020-7-11

DIV+CSS中标签ul ol li dl dt dd用法与区别

用手机或者平板电脑扫描应用扫描本二维码,可以在手机浏览器继续浏览,也可以分享给你的联系人。

2013年04月28日 | 作者: 影子 | 分类: 站长笔记 | 点击量: 1,733

WDJA网站内容管理系统,免费开源可商用 点我获取,简单好用的PHP版CMS

平时有时候用到div和css对网站界面进行重构,经常会用到标签ul ol li dl dt dd ,这些标签常用于列表显示内容.
学会这几个标签的用途,了解一下他们的区别,对网站代码和加载速度都有很有益处的.
下面,简单说一下.

ul 标签定义无序列表。
实例:


  • Coffee
  • Tea
  • Milk

ol 标签定义有序列表。
实例:


  1. Coffee
  2. Tea
  3. Milk

li 标签定义列表项目。
li 标签可用在有序列表 (ol) 和无序列表 (ul) 中。
实例:


  1. Coffee
  2. Tea
  3. Milk
  • Coffee
  • Tea
  • Milk

dl 标签定义了定义列表(definition list)。
dl 标签用于结合 dt>(定义列表中的项目)和 dd (描述列表中的项目)。
实例:


计算机
用来计算的仪器 ... ...
显示器
以视觉方式显示信息的装置 ... ...
dt 标签定义了定义列表中的项目(即术语部分)。 实例:
计算机
用来计算的仪器 ... ...
显示器
以视觉方式显示信息的装置 ... ...
dd 在定义列表中定义条目的定义部分。 实例:
计算机
用来计算的仪器 ... ...
显示器
以视觉方式显示信息的装置 ... ...


手机扫码浏览本文


关键词:

本文网址:https://www.menglei.net/1270/,转载请以链接形式注明出处,谢谢合作!

*本站部分内容转载自其他媒体,版权归其所有。如若内容或图片侵犯您的权益,请与本站联系,我们将在24小时内处理完毕。

作者:清晨@深圳网站建设专家. | 清晨,领先的深圳网站优化品牌。

交流QQ号:925474725 邮件支持:shadoweb@qq.com