当前位置:清晨 » 站长笔记 » DIV+CSS中标签ul ol li dl dt dd用法与区别

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

发布日期:2013年4月28日 09:04:15 点击量: 1,306

宝塔服务器面板,一键全能部署及管理,送你¥3188礼包,点我领取,简单好用的 Linux/Windows 面板

平时有时候用到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.info/1270/,转载请以链接形式注明出处,谢谢合作!


老薛主机专属优惠码: PT ,有需要购买的同学可以使用.可享受30%的优惠.

联系站长: shadoweb@qq.com QQ: 925474725


发表评论

电子邮件地址不会被公开。 必填项已用*标注