HTML 列表标签
2025-05-14
5️⃣ HTML5 新属性
⚠️ 大多数浏览器不支持
<ul>
- 定义无序列表。
- 与
<li>标签一起使用,创建无序列表。
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul><ol>
- 定义了一个有序列表. 列表排序以数字来显示。
| 属性名 | 值 | 说明 |
|---|---|---|
| reversed5️⃣ | reversed | 指定列表倒序(9,8,7...) |
| type | a 表示小写英文字母编号 A 表示大写英文字母编号 i 表示小写罗马数字编号 I 表示大写罗马数字编号 1 表示数字编号(默认) | 规定列表的类型。不赞成使用。请使用样式代替。 |
| start | number | 一个整数值属性,指定了列表编号的起始值。这个属性在 HTML4中弃用,但是在 HTML5 中被重新引入。 |
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<ol reversed start ="20">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol><li>
- 定义列表项目。
| 属性名 | 值 | 说明 |
|---|---|---|
| value | number | 不赞成使用。请使用样式取代它。 规定列表项目的数字。 |
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul><dir> ⚠️
- HTML5不再支持。 HTML 4.01 已废弃。
<dl>
- 定义一个描述列表。
- 与
<dt>(定义项目/名字)和<dd>(描述每一个项目/名字)一起使用。
<dl>
<dt>水果</dt>
<dd>苹果</dd>
<dd>香蕉</dd>
<dt>蔬菜</dt>
<dd>西红柿</dd>
<dd>茄子</dd>
</dl><dt>
- 描述列表的项目/名字
- 与
<dl>(定义一个描述列表)和<dd>(描述每一个项目/名字)一起使用。
<dl>
<dt>水果</dt>
<dd>苹果</dd>
<dd>香蕉</dd>
<dt>蔬菜</dt>
<dd>西红柿</dd>
<dd>茄子</dd>
</dl><dd>
- 描述列表中的项目/名字进行描述。
- 与
<dl>(定义一个描述列表)和<dt>(定义项目/名字)一起使用。
<dl>
<dt>水果</dt>
<dd>苹果</dd>
<dd>香蕉</dd>
<dt>蔬菜</dt>
<dd>西红柿</dd>
<dd>茄子</dd>
</dl><menu> ⚠️
- 目前主流浏览器并不支持
<command> ⚠️
- 主流浏览器都不支持