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>