1、html5中新怎的主体结构元素：
article元素：
- article 标签的内容独立于文档的其余部分。
- article 标签定义外部的内容。外部内容可以是来自一个外部的新闻提供者的一篇新的文章，或者来自 blog 的文本，或者是来自论坛的文本。亦或是来自其他外部源内容。
- article 元素专用于结构化文章，特别是我们要发布的，例如博客，页面内容或是论坛帖子。
section元素：
- section 标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。
<section>
<h1>PRC</h1>
<p>The People's Republic of China was born in 1949...</p>
</section>
- 主要是对元素内容的分块；
- 属性
| 属性 | 值 | 描述 |
|---|---|---|
| cite | URL | section 的 URL，假如 section 摘自 web 的话。 |
- 第一，尽管section元素在技术上是可以设计样式的，但是当有复杂的样式或脚本时，我们仍建议使用div元素。
- 第二，类似于li元素，section元素是用来列举内容的。
- 当一个元素仅用于风格样式或是为了脚本的方便，我们鼓励作者使用div。section元素适用于，当元素的内容需要明确的列出时。- WHATWG”
aside元素：
表示当前页面附属信息部分，其中内容可以是与当前文章的注释等
- aside 标签定义 article 以外的内容。aside 的内容应该与 article 的内容相关。
- aside 元素标签用来表示当前页面或文章的附属信息部分，可以包含与当前页面或主要内容相关的引用、侧边栏、广告、nav元素组，以及其他类似的有别与主要内容的部分。
aside 元素有两种使用方法：
- n 被包含在article中作为主要内容的附属信息部分，其中的内容可以是与当前文章有关的引用、词汇列表等。
- n 在article之外使用，作为页面或站点全局的附属信息部分；最典型的形式是侧边栏(sidebar)，其中的内容可以是友情链接、附属导航或广告单元等。
两种使用法发代码实例：
<body>
<header>
<h1>My Blog</h1>
</header>
<article>
<h1>My Blog Post</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua.</p>
<aside>
<!-- Since this aside is contained within an article, a parser
should understand that the content of this aside is directly related
to the article itself. -->
<h1>Glossary</h1>
<dl>
<dt>Lorem</dt>
<dd>ipsum dolor sit amet</dd>
</dl>
</aside>
</article>
<aside>
<!-- This aside is outside of the article. Its content is related to the page, but not as closely related to the above article -->
<h2>Blogroll</h2>
<ul>
<li><a href="#">My Friend</a></li>
<li><a href="#">My Other Friend</a></li>
<li><a href="#">My Best Friend</a></li>
</ul>
</aside>
</body>
nav元素：
- 标签定义导航链接的部分。
<nav>
<a href="index.asp">Home</a>
<a href="html5_meter.asp">Previous</a>
<a href="html5_noscript.asp">Next</a>
</nav>
- 一个页面中可以有多个nav元素，表示不同部分的导航；
- 一般用于传统的导航条、侧边栏导航、内页导航、翻页导航等。
time元素：
- 表示某一时刻或者某一日期，表示时间是允许时差；
- 使用方法：
<time datetime="2010-11-13">2010年11月13日</time>
<time datetime="2010-11-13">11月13日</time>
<time datetime="2010-11-13">我的生日</time>
<time datetime="2010-11-13T20:00">我生日的晚上8点</time>
<time datetime="2010-11-13T20:00z">我生日的晚上8点</time>
<time datetime="2010-11-13T20:00+09:00">我生日的晚上8点的美国时间</time>
备注：
- 编码时机器读到的部分是datetime属性的值，而元素的开始标记与结束标记之间的内容是显示在网页上的；
- datetime中日期与时间之间要用T分隔，T表示时间；
- 在时间后面加上Z表示给机器编码时使用UTC标准时间；
- 最后一个加上了时差，表示向机器编码另一地区时间，如果是本地时间，则不需要添加时差。
- time元素中的pubdate属性的使用：
oubdate属性是可选的、布尔值属性。它可以用到time元素上，表示文章或者整个网页的发布时间。
eg：
<time datetime = "2015-10-28" oubdate>11月29日</time>
注意：
time元素不能代表发布日期，只能增加了pubdate属性才能代表发布日期。
header元素合成：
- header 标签定义文档的页眉（介绍信息）。
- header 元素描述了文档的头部区域
- header 元素注意用于定义内容的介绍展示区域.
- 在页面中你可以使用多个header>元素.
- 以下实例定义了文章的头部:
<article>
<header>
<h1>Internet Explorer 9</h1>
<p><time pubdate datetime="2011-03-15"></time></p>
</header>
<p>Windows Internet Explorer 9 (abbreviated as IE9) was released to
the public on March 14, 2011 at 21:00 PDT.....</p>
</article>
hgroup元素：
- hgroup 标签用于对网页或区段（section）的标题进行组合。
- hgroup元素一般会将h1–h6的元素及in行分组，比如在一个内容区快的标题和他的子标题算是一组；
- 通常情况下，文章只有一个标题，是不需要hgroup元素的。
footer元素：
- footer 标签定义 section 或 document 的页脚。
- 在典型情况下，该元素会包含创作者的姓名、文档的创作日期以及/或者联系信息。
<footer>This document was written in 2010</footer>
提示：
假如您使用 footer 来插入联系信息，应该在 footer 元素内使用 address 元素。
address元素：
- address 标签定义文档作者或拥有者的联系信息。
- 如果address元素位于article元素内部，则它表示该文章作者或者拥有者的联系信息。
- 通常的做法是将address元素添加到网页的头部或底部。
注意： - 不应该使用address标签来描述邮政地址，除非这些信息是联系信息的组成部分。
- address元素通畅呈现为斜体。大多数浏览器都会在该元素的前面添加换行操作。
details元素与summary：
- details元素是一种用于标示该元素内部子元素可以被展开、收缩显示的元素。details元素具有一个布尔型的open属性，当给属性值为true时，该元素内部的子元素应该展开显示，当该元素的属性值为false时，其内部的子元素应该收缩起来不实现。当页面打开时，其内部的子元素应该处于收缩状态。
- summary 元素从属于details元素，用鼠标点击summary元素中的内容文字时，details元素中的其他所有从属元素将会展开或者收缩。如果details中没有summary元素，浏览器会提供默认的文字以供点击。
- 目前只有Chrome浏览器支持。
make元素：
- make元素表示页面中需要突出显示或高亮显示。对于当前用户具有参考作用的一段文字。
- make元素的主要目的就是引起当前用户的注意。
progress：
- progress元素代表一个任务的完成进度，这个进度可以使用不确定，表示进度正在进行，但不清楚这个任务还有多少没有完成，可以使用0-？某个最大的数字之间表示准确的进度情况。
- 该元素具有两个标示当前任务完成情况的属性。value属性表示已经完成了多少工作量，max属性表示总共的工作量，工作量的单位是随意的，不指定。
- 在设定属性点的时候，alue属性和max属性只能指定为有效的浮点数，value属性必须大于0，并且小于或等于max的属性。max的属性必须大于0。
meter：
- meter元素表示规定范围的数量值。
- meter有6个属性：
- value：在元素中特意表示出来的实际值，该属性值默认为0，可以为该属性制定浮点小数值。
- min：指定规定范围时允许的使用的最小值，默认为0，在设定该属性时所设定的值不能小于0.
- max：指定规定范围时允许的使用的最大值，
评论区