HTML5 中引入了很多的标记元素,根据内容类型的不同,这些元素被分成了7大类:
内联(embedded)
流(flow)
标题(heading)
交互(interactive)
元数据(metadata)
短语(phrasing)
区段(sectioning)
HTML5 内容类型旨在使标记结构对浏览器和网站设计者都更有意义。
元数据:通常出现在页面的head中,设置页面其他部分的表现和行为 。
元素:<base>,<link>,<meta>,<noscript>,<script>,<style>,<title>。
内联:在文档中添加其他类型的内容。
元素:<audio>,<video>,<canvas>,<iframe>,<img>,<math>,<object>,<svg>。
交互:与用户交互的内容。
元素:<a> , <audio> , <video> , <button> , <details> , <embed> , <iframe> , <img> , <input> , <label> , <object> , <select> , <textarea>。
标题:定义段落标题。
元素:<h1>,<h2>,<h3>,<h4>,<h5>,<h6>,<hgroup>。
短语:文本和文本标记元素。
元素:<img>,<span>,<strong>,<label>,<br />,<small>,<sub>等。
相同的元素可以属于多个内容模型。
流内容:包含将包含在文档正常流程中的大多数HTML5元素。
区段内容:定义标题,内容,导航和页脚的范围。
元素:<article>,<aside>,<nav>,<section>
各种内容类型在某些区域重叠,具体取决于它们的使用方式。