一、新增结构性元素

hgroup元素：代表一个段的标题，用于解决子标题排版的问题。该元素已经从HTML5（W3C）规范中删除，但是它仍旧在 WHATWG 的 HTML 版本里。

二、新增input元素的属性

新增的表单重写属性

1. formaction元素：覆盖表单的action属性，规定当表单提交时处理输入控件的文件URL。
2. formmethod元素：覆盖表单的method属性，
3. formnovalidate元素：覆盖表单的novalidate属性。使用该属性，提交表单时不进行验证。
4. formtarget元素：覆盖表单target属性。

三、新增元素按功能分类

音频/视频

1. video元素：定义视频，比如电影片段或其他视频流。
2. audio元素：定义音频，比如音乐或其他音频流。
3. source元素：为媒介元素（ <video> 和 <audio>）定义媒介资源。
4. track元素：为诸如 video 元素之类的媒介规定外部文本轨道。用于规定字幕文件或其他包含文本的文件，当媒介播放时，这些文件是可见的。

编程

1. embed元素：为外部应用程序（非 HTML）定义容器，比如插件。格式可以是Midi、Wav、AIFF、AU、MP、swf等。

格式

1. bdi元素：定义文本的文本方向，使其脱离其周围文本的方向设置。

2. mark元素：高亮显示部分文本。场景：在搜索结果中向用户高亮显示搜索关键词。

3. meter元素：定义预定义范围内的度量。例子：磁盘用量、查询结果的相关性，等等。如果标记进度条，请使用 <progress> 标签。

4. progress元素：定义任何类型的任务的进度。例子：显示JavaScript中消耗时间的函数的进程。

5. rp元素：定义若浏览器不支持 ruby 元素显示的内容。

6. rt元素：定义 ruby 注释的解释。

7. ruby元素：定义 ruby 注释。

   <ruby>
   漢 <rt><rp>(</rp>ㄏㄢˋ<rp>)</rp></rt>
   </ruby>
   

8. time元素：定义日期/时间。

9. wbr元素：如果单词太长，或者您担心浏览器会在错误的位置换行，可以定义可能的换行符。

图像

1. canvas：定义图形。元素本身没有行为，只提供一块画布，但它把一个绘图API展现给客户端javascript，使脚本能够把想绘制的东西绘制到这块画布上。
2. figcaption元素：定义 figure 元素的标题。
3. figure元素：定义媒介内容的分组，以及它们的标题。

列表

1. command元素：定义命令按钮。比如：单选按钮，复选按钮。只有IE9支持此标签。

标签

1. header元素：定义 section 或 page 的页眉。
2. footer元素：定义 section 或 page 的页脚。
3. section元素：定义 section。
4. article元素：定义文章。
5. aside元素：定义页面内容之外的内容。
6. details元素：表示用户要求得到并且可以得到的细节信息。它可以与summary元素配合使用。summary元素提供标题或图例。标题是可见的，用户点击标题时，会显示出细节信息，summary元素应该details元素的第一个元素。
7. dialog元素：定义对话框或窗口。目前只有 Chrome 和 Safari 6 支持该标签。
8. summary元素：为 <details> 元素定义可见的标题。

表单

1. datalist元素：定义下拉列表。
2. datagrid元素：表示可选数据的列表，以树形列表的形式显示。
3. keygen元素：定义生成一对密钥。
4. output元素：定义输出的一些类型。比如：脚本输出。

四、结构demo

<header>
  <h1></h1>
  <p><em>learn to code.</em></p>
</header>

<nav>
  <h3>navigate this site</h3> 
  <ul>
    <li><a href=“”>首页</a></li>
    <li><a href=“”>个人中心</a></li>
    <li><a href=“”>登录</a></li>
  </ul>
</nav>

<article>
  <section class=“article-heading”>
    <h3>title</h3>
    <span>by zhuyue</span>
  </section>

  <section class=“article-body”>
    <p>...</p>
    <p>...</p>
    <aside>
      <h4>That’s how my first in wed design</h4>//顺带一提
      <p>…</p>
    </aside>
  </section>
  <section class=“article-footer”>
    <div class=“further-reading”>
      <h4>If you like this article,you’ll like</h4>
      <nav>
        <h3>navigate this site</h3> 
        <ul>
          <li><a href=“”>首页</a></li>
          <li><a href=“”>个人中心</a></li>
          <li><a href=“”>登录</a></li>
        </ul>
      </nav>
    </div>
    <footer>posted in<strong>Coding</strong></footer>
    <div>Post on<time datetime=“23-1-2019”>2019.1.23</time></div>
  </section>
</article>
<aside>
  <h4>more about this site</h4>
  <p>…</p>
</aside>

<footer>
  <p>&copy; 2019 - zy</p>
</footer>

五、其他新增

1. data自定义属性
2. 全局属性：

3. 样式继承：

• 与元素外观相关的默认继承
• 与布局相关的默认不被继承
• 不被继承的可用inherit强制继承

六、废除元素

纯表现的元素： basefont、big、center、font等
对可用性产生负面影响的元素： frame、frameset、noframes