内容分类
大多数 HTML 元素都属于一个或多个内容类别——这些类别对具有共同特征的元素进行分组。这是一个松散的分组(它实际上并没有在这些类别的元素之间建立关系),但它们有助于定义和描述这些类别的共同行为及其相关规则,特别是在你遇到它们的复杂细节时。元素也有可能不属于其中的任何类别。
以下是三种类型的内容分类:
- 主内容类,描述了很多元素共享的规则;
- 表单相关的内容类,描述了表单相关元素共有的规则;
- 特殊内容类,描述了仅仅在少数元素(有时仅在特定的上下文中)共享的规则。
备注:对这些内容类别及其功能的更详细的讨论超出了本文的范围;如果你想了解这些内容,请阅读 HTML 规范的相关部分。
主内容分类
元数据内容
流式内容
流式内容(Flow content)是一个广泛的类别,包括大多数可以包含在 <body>
元素之内的元素,包括标题元素、分段元素、短语元素、嵌入元素、交互元素和表单相关元素。它还包括文本节点(但不包括那些只由空白字符组成的节点)。
流式元素有:
<a>
<abbr>
<address>
<article>
<aside>
<audio>
<b>
<bdo>
<bdi>
<blockquote>
<br>
<button>
<canvas>
<cite>
<code>
<data>
<datalist>
<del>
<details>
<dfn>
<dialog>
<div>
<dl>
<em>
<embed>
<fieldset>
<figure>
<footer>
<form>
<h1>
-<h6>
<header>
<hgroup>
<hr>
<i>
<iframe>
<img>
<input>
<ins>
<kbd>
<label>
<main>
<map>
<mark>
<math>
<menu>
<meter>
<nav>
<noscript>
<object>
<ol>
<output>
<p>
<picture>
<pre>
<progress>
<q>
<ruby>
<s>
<samp>
<search>
<script>
<section>
<select>
<slot>
<small>
<span>
<strong>
<sub>
<sup>
<svg>
<table>
<template>
<textarea>
<time>
<u>
<ul>
<var>
<video>
<wbr>
- 纯文本
属于此类的少数其他元素,但仅限于以下特殊情况:
分段内容
标题内容
短语内容
短语内容(Phrasing content)是流式内容的一个子集,定义了文档中的文本和标记。短语内容的序列构成段落。
属于此类的元素有:
<abbr>
<audio>
<b>
<bdi>
<bdo>
<br>
<button>
<canvas>
<cite>
<code>
<data>
<datalist>
<dfn>
<em>
<embed>
<i>
<iframe>
<img>
<input>
<kbd>
<label>
<mark>
<math>
<meter>
<noscript>
<object>
<output>
<picture>
<progress>
<q>
<ruby>
<s>
<samp>
<script>
<select>
<slot>
<small>
<span>
<strong>
<sub>
<sup>
<svg>
<template>
<textarea>
<time>
<u>
<var>
<video>
<wbr>
- 纯文本(仅当所包含的内容不完全为空白字符)
一些其他的元素也属于这个分类,但仅限于以下特殊情况:
嵌入内容
交互内容
可感知内容
当内容既不是空的也不是隐藏的时候,它就是可感知(palpable)的;它是被渲染的内容,是实质性的。以流式内容为模型的元素应该至少有一个节点是可感知的。
表单相关内容
表单相关内容(Form-associated content)是流式内容的一个子集,包括有表单所有者(通过 form 属性暴露)的元素,可以在预期有流式内容的地方使用。表单所有者要么是容纳这些元素的 <form>
元素,要么是在 form 属性中指定其 id 的元素。
此类包含了几个子类:
- 可列举的元素(listed)
-
在
form.elements
和fieldset.elements
集合中列举出的元素。包括<button>
、<fieldset>
、<input>
、<object>
、<output>
、<select>
和<textarea>
。 - 可标记的元素(labelable)
-
可以与
<label>
相关联的元素。包括<button>
、<input>
、<meter>
、<output>
、<progress>
、<select>
和<textarea>
。 - 可提交的元素(submittable)
-
包括当表单提交时可以用来组成表单数据的元素。包括
<button>
、<input>
、<object>
、<select>
和<textarea>
。 - 可重置的元素(resettable)
-
当表单重置时会被重置的元素。包括
<input>
、<output>
、<select>
和<textarea>
。
二级分类
这里还有一些你需要注意的二级分类元素。
支持脚本元素
支持脚本元素(Script-supporting element)是不直接影响文档渲染输出的元素。相反,它们的作用是支持脚本,或者直接包含或指定脚本代码,或者指定将被脚本使用的数据。
支持脚本元素有: