首页课程HTML-SpaßkursHTML5 内容模型

HTML5 内容模型

目录列表

内容类型列表

HTML5 中引入了很多的标记元素,根据内容类型的不同,这些元素被分成了7大类:

  • 内联(embedded)

  • 流(flow)

  • 标题(heading)

  • 交互(interactive)

  • 元数据(metadata)

  • 短语(phrasing)

  • 区段(sectioning)

HTML5 内容类型旨在使标记结构对浏览器和网站设计者都更有意义。


在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 页面的哪里?

内容类型

流内容:包含将包含在文档正常流程中的大多数HTML5元素。

区段内容:定义标题,内容,导航和页脚的范围。

元素:<article>,<aside>,<nav>,<section>

333.png


各种内容类型在某些区域重叠,具体取决于它们的使用方式。


哪个内容类型包含了几乎所有的其他内容?