Html_Day_002

九、布局标签（结构化语义标签）

1. header标签

（1）作用：表示网页头部。

2. main标签

（1）作用：表示网页主体部分，一个网页只会有一个main。

3. footer标签

（1）作用：表示网页底部。

4. nav标签

（1）作用：表示网页中的导航。

5. aside标签

（1）作用：表示和主题相关的其他内容（侧边栏）。

6. article标签

（1）作用：表示一个独立的文章。

7.section标签

（1）作用：表示一个对立的区块，上边的标签都不能表示时使用section。

8. div标签

（1）作用：div没有语义，就用来表示一个区块，目前来讲div还是我们主要的布局元素。

9. span标签

（1）作用：行内元素，没有任何语义，一般用于在网页中选中文字。

10. 列表

在html中一共有三种列表：有序列表、无序列表、定义列表。

1. 有序列表

（1）用法：

<ol>
    <li>结构</li>
    <li>表现</li>
    <li>行为</li>
</ol>

2. 无序列表

（1）用法：

<ul>
    <li>结构</li>
    <li>表现</li>
    <li>行为</li>
</ul>

3. 定义列表

（1）说明：使用dl标签来创建一个定义列表；使用dd来对内容进行解释说明。

（2）用法：

<dl>
    <dt>结构</dt>
    <dd>结构表示网页的结构，用来规定网页中哪里是标题，哪里是段落。</dd>
</dl>