CSS3(一) HTML5语义标签

HTML5 详解

H5 语义标签

• header 标签

<header>一般用在页面的头部或者板块的头部</header>

• footer 标签

<footer>用在页面的底部或者板块的底部</footer>

• 导航列表

<nav>导航列表(包含)</nav>

• 标题组合集

<hgroup>
    <h1>第一个标题</h1>
    <h2>第二个标题</h2>
</hgroup>

• section 页面上的板块

<section>
    区分不同的板块
</section>

• article 部分

<article>
    用来页面中表示一个相对一个独立部分
</article>

• aside 和主体相关的附属信息

<aside>
    和主体相关的附属信息,也可以用在友情链接，侧边栏等等
</aside>

• figure 图片和文字组合

<figure>
    ![](images/icon1_1.png)
    <figcaption>图片描述信息</figcaption>
</figure>

• time 时间标签

<time data-time="2008-02-14">
    2008-02-14
</time>

• datalist 具有实际功能的 他相当于选项合集 input 输入框通过 ID 关联

<input type="text" list="valList">
<datalist id="valList">
    <option value="javascript">javascript</option>
    <option value="html">html</option>
    <option value="css">css</option>
</datalist>

• details 表示点击以后下面的出来,一般和 summary 常用

<details>
    <summary>第一个标题</summary>
    <p>关于第一个标题的描述</p>
</details>

• address 地点

<address>
    定义地址用的
</address>

• mark 标记

<mark>
    标记一下(默认是背景黄色。可以通过ID改)
</mark>