HTML5笔记005 - 第05章 列表

第05章 列表

5.1 列表简介

在HTML中，列表分三种：有序列表、无序列表、定义列表
有序列表的列表项之间有先后顺序之分，无序列表的列表项没有先后顺序之分。
定义列表是一组带有特殊含义的列表，一个列表项中包含"条件"和"列表"两部分。

5.2 有序列表

有序列表从<ol>开始，到</ol>结束，一般采用数字或字母作为顺序，默认采用数字，ol的子元素只能是li，不能是其他元素
<ol>
    <li>HTML</li>
    <li>CSS</li>
    <li>JS</li>
</ol>

在HTML中，使用type属性来改变列表项符号。
type属性的取值有：1、a、A、i、I
<ol type="i">
    <li>HTML</li>
    <li>CSS</li>
    <li>JS</li>
</ol>

5.3 无序列表

无序列表从<ul>开始，到</ul>结束，默认是实心圆，ul的子元素只能是li，不能是其他元素
<ul>
    <li>HTML</li>
    <li>CSS</li>
    <li>JS</li>
</ul>

在HTML中，使用type属性来改变列表项符号。
type属性的取值有：disc、circle、square
<ul type="circle">
    <li>HTML</li>
    <li>CSS</li>
    <li>JS</li>
</ul>

5.4 定义列表

定义列表由两部分组成：名词和描述；从<dl>开始，到</dl>结束；dt标签用于添加要解释的名词，而dd标签用于添加该名词的具体解释。
<dl>
    <dt>名词</dt>
    <dd>描述</dd>
</dl>

5.5 HTML语义化

在HTML中，每个标签都有自身的语义，正确理解每一个标签的含义，优先使用有语义的标签，所以在实现开发中即使效果都能达到，也不可用某一个标签来代替另一个标签。