h5语法标签整理

h5语法标签整理

 <header>

实例

对主页的介绍：

<header> 

    <h1>Welcome to my homepage</h1> 

    <p>My name is Donald Duck</p>

</header>

 <section> 

实例

文档中的区段，解释了 PRC：

<section>

  <h1>PRC</h1>

  <p>The People's Republic of China was born in 1949...</p>

</section>

<aside>

实例

<aside>

    <h4>Epcot Center</h4>

    The Epcot Center is a theme park in Disney World, Florida.

</aside>

定义和用法

<aside> 标签定义其所处内容之外的内容。

aside 的内容应该与附近的内容相关。

提示和注释：

提示：<aside> 的内容可用作文章的侧栏。

全局属性

<aside> 标签支持 HTML 中的全局属性。

事件属性

<aside> 标签支持 HTML 中的事件属性。

<hgroup>

使用 <hgroup> 标签对网页或区段（section）的标题进行组合：

<hgroup>

  <h1>Welcome to my WWF</h1>

  <h2>For a living planet</h2>

</hgroup>

提示和注释

提示：请使用 <figcaption> 元素为元素组添加标题。

全局属性

<hgroup> 标签支持 HTML 5 中的全局属性。

事件属性

<hgroup> 标签支持 HTML 5 中的事件属性。

<figure> 

实例

用作文档中插图的图像：

<figure>

  <p>黄浦江上的的卢浦大桥</p>

  <img src="shanghai_lupu_bridge.jpg" width="350" height="234" />

</figure>

定义和用法

<figure> 标签规定独立的流内容（图像、图表、照片、代码等等）。

figure 元素的内容应该与主内容相关，但如果被删除，则不应对文档流产生影响。

浏览器支持

所有主流浏览器都支持 <figure> 标签。

HTML 4.01 与 HTML 5 之间的差异

<figure> 标签是 HTML 5 中的新标签。

提示和注释

提示：请使用 <figcaption> 元素为 figure 添加标题（caption）。

全局属性

<figure> 标签支持 HTML 中的全局属性。

事件属性

<figure> 标签支持 HTML 中的事件属性。

<figcaption> 

实例

用作文档中插图的图像，带有一个标题：：

<figure>

  <figcaption>黄浦江上的的卢浦大桥</figcaption>

  <img src="shanghai_lupu_bridge.jpg" width="350" height="234" />

</figure>

定义和用法

<figcaption> 标签定义 figure 元素的标题（caption）。

“figcaption” 元素应该被置于 “figure” 元素的第一个或最后一个子元素的位置。

浏览器支持

所有主流浏览器都支持 <figcaption> 标签。

HTML 4.01 与 HTML 5 之间的差异

<figcaption> 标签是 HTML 5 中的新标签。

全局属性

<figcaption> 标签支持 HTML 中的全局属性。

事件属性

<figcaption> 标签支持 HTML 中的事件属性。

<nav>

实例

<nav>

<a href="index.asp">Home</a>

<a href="html5_meter.asp">Previous</a>

<a href="html5_noscript.asp">Next</a>

</nav>

定义和用法

<nav> 标签定义导航链接的部分。

HTML 4.01 与 HTML 5 之间的差异

<nav> 标签是 HTML 5 中的新标签。

提示和注释

提示：如果文档中有“前后”按钮，则应该把它放到 <nav> 元素中。

全局属性

<nav> 标签支持 HTML 中的全局属性。

事件属性

<nav> 标签支持 HTML 中的事件属性。

<footer> 

实例

文档中的页脚部分：

<footer>

  <p>Posted by: W3School</p>

  <p>Contact information: <a href="mailto:someone@example.com">someone@example.com</a>.</p>

</footer>

定义和用法

<footer>

标签定义文档或节的页脚。

<footer> 元素应当含有其包含元素的信息。

页脚通常包含文档的作者、版权信息、使用条款链接、联系信息等等。

您可以在一个文档中使用多个 <footer> 元素。

HTML 4.01 与 HTML 5 之间的差异

<footer> 标签是 HTML 5 中的新标签。

提示和注释

提示：<footer> 元素内的联系信息应该位于 <address> 标签中。

全局属性

<footer> 标签支持 HTML 中的全局属性。

事件属性

<footer> 标签支持 HTML 中的事件属性。