HTML5新增标签

HTML5新增标签主要是语义化标签

header标签

<header></header>标签定义文档的页眉。

footer标签

<footer></footer>标签定义文档或节的页脚。

aside标签

<aside></aside>标签是指文章的侧边栏,指独立于主体内容的部分(跟内容区分,不互相影响),一般用于广告位等。

<nav></nav>标签定义文章导航部分。

hgroup标签

<hgroup></hgroup>标签用来包裹两个及以上h1~h6标题标签。

section标签

<section></section>有语义的div,作用于相关内容的集合(指有联系的集合)。

article标签

<article></article>更有语义的div,作用于多个相关内容的集合。article里可以嵌套article

details标签

<details></details>标签用来描述文档或文档片段的信息,定义元素的细节。

summary标签

<summary></summary>标签定义细节标题,与details标签一同使用。

summary元素应该是details第一个子元素

details标签说明

    
标签1
标签2

dialog标签

<dialog></dialog>标签定义对话框,其默认属性为display:none,想让其出现应定义open="open"属性。

figure和figcaption标签

<figure></figure>标签定义图表内容。

<figcaption></figcaption>标签定义图表标题。

figcaption元素应该是figure元素的第一个或最后一个子元素的位置

figure标签图解

    
可爱的小狗

<menu></menu>标签定义菜单列表。

main标签

<main></main>标签规定文档的主要内容。<main> 元素中的内容对于文档来说应当是唯一的。它不应包含在文档中重复出现的内容,比如侧栏、导航栏、版权信息、站点标志或搜索表单。

map标签

<map></map>标签定义客户端图像映射。图像映射指带有可点击区域的一幅图像。主要结合JavaScript使用。

address标签

<address></address>标签定义文档作者/所有者的联系信息。

address标签说明