可在W3C颁布的HTML 5.1 第二版 标准中查看所有H5的标签,如果没有语言障碍,可以直接通过此标准学习H5。
1.新增的布局标签--布局块-相当于 <div></div>
(1)头部信息
<header></header>
(2)导航区域
<nav></nav>
(3)内容
<section></section>
<main>
标题组
<hgroup></hgroup>
侧边栏
<aside></aside>
文章区域:
<article></article>
媒体组
<figure>
媒体组标题
<figcaption>媒体组标题<figcaption>
</figure>
</main>
(4)底部信息
<footer></footer>
2.新增内敛标签--相当于<span></span>
(1)时间
<time>存放新闻的时间<time>
(2)默认选中
<mark>默认,其中内容自带黄色的底色 background:none去掉默认颜色</mark>
总结:
标签 | 含义 |
<article> | 定义文章。 |
<aside> | 定义页面内容以外的内容。 |
<details> | 定义用户能够查看或隐藏的额外细节。 |
<figcaption> | 定义 <figure> 元素的标题。 |
<figure> | 规定自包含内容,比如图示、图表、照片、代码清单等。 |
<footer> | 定义文档或节的页脚。 |
<header> | 规定文档或节的页眉。 |
<main> | 规定文档的主内容。 |
<mark> | 定义重要的或强调的文本。 |
<nav> | 定义导航链接。 |
<section> | 定义文档中的节。 |
<summary> | 定义 <details> 元素的可见标题。 |
<time> | 定义日期/时间。 |