<article> 定义一篇文章

• 论坛发帖
• 博客文章
• 一篇文章

<article>

  <h1>标题</h1>

  <p>内容</p>

</article>

 

<aside> 侧边栏

<aside>

  <h4>Epcot Center</h4>

  <p>The Epcot Center is a theme park in Disney World, Florida.</p>

</aside>

<details> 附加详细信息

<summary> 摘要

<details>

  <summary>Copyright 1999-2014.</summary>

  <p> - by Refsnes Data. All Rights Reserved.</p>

  <p>All content and graphics on this web site are the property of the company Refsnes Data.</p>

</details>

除了summary其他内容默认隐藏，当details元素添加了open属性的时候p标签的内容才会显示。

<figcaption> 图片标题

<figure> 定义图片分组

<figure>

  <img src="pic_mountain.jpg" alt="The Pulpit Rock" width="304" height="228">

  <figcaption>Fig1. - The Pulpit Rock, Norway.</figcaption>

</figure>

<footer> 页脚

<footer>

　　<p>底部</p>

</footer>

<header> 定义头部

<header>

    <h1>标题</h1>

    <p>内容</p>

</header>

通常我们会用到文章的简介里面

<article>

  <header>

    <h1>标题</h1>

    <p>简介</p>

  </header>

  <p>内容</p>

</article>

<main> 定义主体内容

<main>

  <h1>Web Browsers</h1>

  <p>Google Chrome, Firefox, and Internet Explorer are the most used browsers today.</p>

  <article>

    <h1>Google Chrome</h1>

    <p>Google Chrome is a free, open-source web browser developed by Google,

    released in 2008.</p>

  </article>

  <article>

    <h1>Mozilla Firefox</h1>

    <p>Firefox is a free, open-source web browser from Mozilla, released in 2004.</p>

  </article>

</main>

<mark> 定义标记，高亮，需要突出的文字

<p>Do not forget to buy <mark>milk</mark> today.</p>

<nav> 定义一组链接

<nav>

  <a href="/html/">HTML</a> |

  <a href="/css/">CSS</a> |

  <a href="/js/">JavaScript</a> |

  <a href="/jquery/">jQuery</a>

</nav>

<section> 定义块，通常包含一个标题和一段内容

<section>

  <h1>标题</h1>

  <p>内容</p>

</section>

<time> 定义时间

<p>We open at <time>10:00</time> every morning.</p>

<p>I have a date on <time datetime="2008-02-14 20:00">Valentines day</time>.</p>

 

<hgroup> 定义标题组

<hgroup>

　　<h1> Recall Fan Page </h1>

　　<h2> Only for people who want the memory of a lifetime. </h2>

</hgroup>