【HTML5】新增的主体结构元素_简述html5新增加的结构元素及其功能?-CSDN博客

本文链接：https://blog.csdn.net/happyhaojie/article/details/50933723

1、article元素

<article> 标签定义外部的内容。

外部内容可以是来自一个外部的新闻提供者的一篇新的文章，或者来自 blog 的文本，或者是来自论坛的文本。亦或是来自其他外部源内容。

<span style="font-family:SimSun;font-size:14px;"><!DOCTYPE HTML>
<html>
<body>
<article>
<a href="http://www.apple.com">Safari 5 released</a><br />
7 Jun 2010. Just after the announcement of the new iPhone 4 at WWDC, 
Apple announced the release of Safari 5 for Windows and Mac......
</article>
</body>
</html></span>

2、section元素

<section>表示页面中的一个内容区块，比如章节、页眉、页脚或页面中的其他部分。它可以与h1、h2、h3、h4、h5、h6等元素结合起来使用标记文档结构。

<span style="font-family:SimSun;font-size:14px;"><pre name="code" class="html"><!DOCTYPE HTML>
<html>
<body>
<section>
  <h1>PRC</h1>
  <p>The People's Republic of China was born in 1949...</p>
</section>
</body>
</html></span>

3、nav元素

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

<span style="font-family:SimSun;font-size:14px;"><!DOCTYPE HTML>
<html>
<body>

<nav>
<a href="/html/index.asp">Home</a>
<a href="/html/html_intro.asp">Previous</a>
<a href="/html/html_elements.asp">Next</a>
</nav>

</body>
</html></span>

4、aside元素

表示article元素内容之外的，与article元素内容相关的辅助信息。

<span style="font-family:SimSun;font-size:14px;"><!DOCTYPE HTML>
<html>
<body>

<p>Me and my family visited The Epcot center this summer.</p>
<aside>
<h4>Epcot Center</h4>
The Epcot Center is a theme park in Disney World, Florida.
</aside>

</body>
</html></span>

5、time元素

<time> 标签定义日期或时间，或者两者。

<span style="font-family:SimSun;font-size:14px;"><!DOCTYPE HTML>
<html>
<body>
<p>我们在每天早上 <time>9:00</time> 开始营业。</p>
<p>我在 <time datetime="2010-02-14">情人节</time> 有个约会。</p>
<p>我在 <time datetime="2010-02-14T20:00">情人节</time> 有个约会。</p>
<p>我在 <time datetime="2010-02-14T20:00Z">情人节</time> 有个约会。</p>
<p>我在 <time datetime="2010-02-14T20:00+09:00">情人节</time> 有个约会。</p>
</body>
</html></span>