欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

HTML5 总结(七)——列表标签

程序员文章站 2022-05-11 10:09:29
...

列表标签

  • 无序列表
    无序列表的各个列表项之间没有顺序级别之分,是并列的。
标签 说明 基本语法格式
ul 只能嵌套<li></li>,直接在ul中输入其他标签或者文字的做法是不被允许的 <ul><li>列表一</li></ul>
li 相当于一个容器,可以容纳所有元素 <ul><li>列表一</li></ul>

无序列表样式通常css设置。


  • 有序列表
    各个列表项有顺序之分。
标签 说明 基本语法格式
ol 只能嵌套<li></li>,直接在ol中输入其他标签或者文字的做法是不被允许的 <ol><li>列表一</li></ol>
li 相当于一个容器,可以容纳所有元素 <ol><li>列表一</li></ol>

  • 自定义列表
    定义列表常用于对术语或名词进行解释和描述,定义列表的列表项前没有任何项目符号。
标签 说明 基本语法格式
dl <dl></dl>
dt 定义标题 <dt></dt>
dd 定义描述、解释 <dd></dd>
代码示例:
<dl>
	<dt>售后服务</dt>
	<dd>换屏</dd>
	<dd>换新</dd>
	<dd>退货</dd>
</dl>
相关标签: HTML5