与HTML4相比,HTML5的主要功能如何运作?

TIM*_*MEX 0 html html5 html4

请写代码.HTML5代码与HTML4有何不同?

Dan*_*llo 6

借用的一个例子:A List Apart - HTML 5的预览:

HTML 4:

<body>
  <div id="header">...</div>
  <div id="nav">...</div>
  <div class="article">
    <div class="section">
      ...
    </div>
  </div>
  <div id="aside">...</div>
  <div id="footer">...</div>
</body>
Run Code Online (Sandbox Code Playgroud)

HTML 5添加了新元素以专门识别每个常见结构:

<body>
  <header>...</header>
  <nav>...</nav>
  <article>
    <section>
      ...
    </section>
  </article>
  <aside>...</aside>
  <footer>...</footer>
</body>
Run Code Online (Sandbox Code Playgroud)

这些要素总结如下:

  • section:书中的一个部分或章节,章节中的一个部分,或者基本上任何有自己标题的部分.
  • header:页面上显示的页眉; 与头部元素不同.
  • 页脚:细则所在的页脚; 电子邮件中的签名.
  • nav:指向其他页面的链接集合.
  • 文章:博客,杂志,纲要等中的独立条目.
  • 旁白:对于与其周围内容相切的内容,通常用于标记侧边栏