html5常用的新标签

header元素

是一种具有引导和导航作用的结构元素,通常用来放置整个页面或页面内的一个区块的标题,但是也可以包含其他内容,例如数据表格、搜索表单或相关的logo图片。

main元素

表示页面的主体部分

footer元素

可以作为其上层内容区块或是一个根区块的脚注。Footer通常包含其相关区块的脚注信息,如作者、相关阅读链接及版权信息等。

article 元素

代表文档、页面或独立的、完整的、可独立被外部引用的内容,任何独立的内容。
article 元素是可以嵌套使用的。
article 元素可以用来表示插件。article 元素强调独立性

1
2
3
4
5
<article>
<object>
<embedsrc="table buju.html"height="600px"width="400px"></embed>把另一个页面插入到当前页面
</object>
</article>

aside元素

用来表示当前页面或文章的附属信息部分,它可以与当前页面或主要内容相关的引用、侧边栏、广告、导航条,以及其他类似的有区别于主要内容的部分。
1.aside元素在article元素内,表示当前内容的附属信息。

1
2
3
4
5
6
7
8
<article>
<h4>桃花源记</h4>
<P>晋太元中,武陵人捕鱼为业......</P>
<aside>
注释:<br/>
<p>晋:......</p>
</aside> // 用来表示当前页面或文章的附属信息部分 ,如:备注、解释等。
</article>

2.aside元素在article元素外,附加页面以外的信息部分。

1
2
3
4
5
6
7
8
<aside>
<nav>
<h4>哆啦A梦专卖店</h4>
<ul>
<li><a href="01/DuoLaAMeng.html" target="_blank"><img src="01/DuoLaAMeng.jpg"width="150px" height="150px"></a></li>
</ul>
</nav>
</aside> // 通常用于广告等

是一个可以用作页面导航的链接组,其中的导航链接到当前页面的其他部分或其他页面。并不是所有的链接组都要要放到nav元素中,只要将其中主要的,基本的链接组放进nav元素中即可。
nav元素应用场景:
传统导航条
侧边栏导航
业内导航
翻页操作 // HTML5中不能使用menu元素代替nav元素

section元素

用于对网站或应用程序页面的内容进行分块。section元素通常由标题和内容组成,但section元素不是一个普通的容器元素,当一个容器需要被直接定义样式或通过脚本定义时,推荐使用div而非section元素。
通常不推荐没有标题内容情况下使用section元素。section元素的作用是对页面上内容进行分块,或对文章进行分段。
不要与具有完整的、独立的article元素混淆。

hgroup元素

是将标题及子标题进行分组的元素。hgroup元素通常会将h1~h6元素进行分组,譬如一个内容区块的标题及子标题算一组。

address元素

用来在文档中呈现联系信息,包括文档作者文档维护者的名字、他们的网站链接、电子邮箱、真实地址、电话号码等,还可以用来展示文档相关的联系人的所有联系信息。

× 请我吃糖~
打赏二维码