HTML5内容模块(Metadata,Embedded, Interactive,Heading,Phrasing,Flow,Sectioning)和页面结构

HTML5内容模块

在html中，元素通常归类为block level或者inline content model；而HTML5则划分七个主要的内容模块：

1. Metadata
2. Embedded
3. Interactive
4. Heading
5. Phrasing
6. Flow
7. Sectioning
   

各模块概念

Metadata

位于head中，决定其他内容的样式或行为。包括

• <base>
• <link>
• <meta>
• <noscript>
• <script>
• <style>
• <title>

Embedded

将其他资源导入（嵌入）到文档中。包括

• <audio>
• <video>
• <canvas>
• <iframe>
• <img>
• <math>
• <object
• <svg>

Interactive

专门用来与用户交互。包括

• <a>
• <audio>
• <video>
• <button>
• <details>
• <embed>
• <iframe>
• <img>
• <input>
• <label>
• <object>
• <select>
• <textarea>

Heading

定义节的标题。包括

• <hgrop>
• <h1>
• <h2>
• <h3>
• <h4>
• <h5>
• <h6>

Phrasing

包含许多HTML4中的inline层次的元素。包含

• <img>
• <span>
• <strong>
• <label>
• <br>
• <small>
• <sub>
• <sup>
  等等

页面结构