HTML5 之 列表

无序列表

可以通过 css 的 list-style-type 属性，改变无序列表的 小黑点，官方提供 20 多种，能通过 CSS 的 list-style-image 属性自行设置。

<!-- 无序列表 -->
<ul>
    <li>大数据男孩</li>
    <li>大数据男孩</li>
</ul>
<!-- 无样式 -->
<ul style="list-style-type: none;">
    <li>大数据男孩</li>
    <li>大数据男孩</li>
</ul>
<!-- 实心正方形 -->
<ul style="list-style-type: square;">
    <li>大数据男孩</li>
    <li>大数据男孩</li>
</ul>
<!-- 阿拉伯数字 -->
<ul style="list-style-type: decimal;">
    <li>大数据男孩</li>
    <li>大数据男孩</li>
</ul>

有序列表

有序列表属性

<!-- 有序列表 -->
<ol>
    <li>大数据男孩</li>
    <li>大数据男孩</li>
    <li>大数据男孩</li>
</ol>
<!-- 起始值 -->
<ol start="10">
    <li>大数据男孩</li>
    <li>大数据男孩</li>
    <li>大数据男孩</li>
</ol>
<!-- 符号类别 -->
<ol type="A">
    <li>大数据男孩</li>
    <li>大数据男孩</li>
    <li>大数据男孩</li>
</ol>
<!-- 倒序 -->
<ol reversed>
    <li>大数据男孩</li>
    <li>大数据男孩</li>
    <li>大数据男孩</li>
</ol>

特殊列表（术语列表）

• <dl>标签定义了一个包含术语定义以及描述的列表。
• <dt> 标签用于定义列表中的项目（即术语部分）
• <dd>标签用于定义列表中项目的描述部分。

<dl>
    <dt>计算机</dt>
    <dd>用来计算的仪器 ... ...</dd>
    <dt>显示器</dt>
    <dd>以视觉方式显示信息的装置 ... ...</dd>
</dl>