HTML：修订间差异

2020年8月5日 (三) 05:42的版本

HTML（HyperText Markup Language），超文本标记语言是一种用于创建网页的标准标记语言。HTML是一种基础技术，常与CSS、JavaScript一起被众多网站用于设计网页、网页应用程序以及移动应用程序的用户界面。网页浏览器可以读取HTML文件，并将其渲染成可视化网页。HTML描述了一个网站的结构语义随着线索的呈现，使之成为一种标记语言而非编程语言。现在由WHATWG和W3C共同制定标准，由WHATWG维护。

简介

时间轴

1995年11月24日，HTML 2.0作为IETF RFC 1866发布。
1997年1月14日，HTML 3.2作为W3C推荐标准发布。
1997年12月18日，HTML 4.0作为W3C推荐标准发布。
2014年10月28日，HTML 5作为W3C推荐标准发布。

简单示例

以下是一个经典的Hello World程序的例子，：

<!DOCTYPE html>
<html>
  <head>
    <title>This is a title</title>
  </head>
  <body>
    <p>Hello world!</p>
  </body>
</html>

标签 Tag

根标签

标签	版本	描述
<html>		代表 HTML 或 XHTML 文档的根。其他所有元素必须是这个元素的子节点。

文档元数据

元数据（Metadata）含有页面的相关信息，包括样式、脚本及数据，能帮助一些软件（例如搜索引擎、浏览器等等）更好地运用和渲染页面。对于样式和脚本的元数据，可以直接在网页里定义，也可以链接到包含相关信息的外部文件。

标签	版本	描述
<head>		规定文档相关的配置信息（元数据），包括文档的标题，引用的文档样式和脚本等。
<title>		定义文档的标题，将显示在浏览器的标题栏或标签页上。该元素只能包含文本，包含的标签不会被解释。
<base>		指定用于一个文档中包含的所有相对 URL 的根 URL。一份中只能有一个 <base> 元素。
<link>		用于链接外部资源到该文档。该元素最常用于链接样式表，此外也可以被用来创建站点图标(比如PC端的“favicon”图标和移动设备上用以显示在主屏幕的图标) 。
<meta>		定义其他 HTML 元素无法描述的元数据。
<style>		包含文档的样式信息或者文档的部分内容。通常用于内联 CSS。

章节

标签	版本	描述
<body>		代表 HTML 文档的内容。在文档中只能有一个 <body> 元素。
<section>	5+	定义文档中的一个章节。
<nav>	5+	定义只包含导航链接的章节。
<article>	5+	定义可以独立于内容其余部分的完整独立内容块。
<aside>	5+	定义和页面内容关联度较低的内容——如果被删除，剩下的内容仍然很合理。
<html>	5+	代表 HTML 或 XHTML 文档的根。其他所有元素必须是这个元素的子节点。
<h1>,<h2>,<h3>,<h4>,<h5>,<h6>		标题元素实现了六层文档标题，<h1> 是最大的标题，<h6>是最小的标题。标题元素简要地描述章节的主题。
<header>	5+	定义页面或章节的头部。它经常包含 logo、页面标题和导航性的目录。
<footer>	5+	定义页面或章节的尾部。它经常包含版权信息、法律信息链接和反馈建议用的地址。
<address>		定义包含联系信息的一个章节。
<main>	5+	定义文档中主要或重要的内容。

组织内容

标签	版本	描述
<p>		定义一个段落。
<hr>		代表章节、文章或其他长内容中段落之间的分隔符。
<pre>		代表其内容已经预先排版过，格式应当保留。
<blockquote>		代表引用自其他来源的内容。
<ol>		定义一个有序列表。
<ul>		定义一个无序列表。
<menu>	-4.01 5+	[不建议使用] 定义一个工具栏，其形式为无序的项目列表（由li元素表示），每个项目代表一个用户可以执行或激活的命令。
<li>		定义列表中的一个列表项。
<dl>		定义一个定义列表（一系列术语和其定义）。
<dt>		代表一个由下一个 <dd> 定义的术语。
<dd>		代表出现在它之前术语的定义。
<figure>	5+	代表一个和文档有关的图例。
<figcaption>	5+	代表一个图例的说明。
<main>	5+	用于指定文档的主体内容。
<div>		代表一个通用的容器，没有特殊含义。

文本形式

标签	版本	描述
<a>		代表一个链接到其他网页、文件、同一页面内的位置、电子邮件地址或任何其他 URL 的超链接。
<em>		代表强调文字。 <em> 元素是可以嵌套的，嵌套层次越深，则其包含的内容被认定为越需要着重阅读。
<strong>		代表特别重要的文字，一般用粗体显示。
<small>		將使文本的字体变小一号。在HTML5中，除了它的样式含义，这个元素被重新定义为表示边注释和附属细则，包括版权和法律文本，对理解文档不重要。
<s>		使用删除线来渲染文本。表示不再相关，或者不再准确的事情。但是当表示文档编辑时，不提倡使用 <s> ，提倡使用 <del> 和 <ins> 元素。
<cite>		HTML引用（ Citation）标签 (<cite>) 表示一个作品的引用。它必须包含引用作品的符合简写格式的标题或者URL，它可能是一个根据添加引用元数据的约定的简写形式。
<q>		HTML引用标签 (<q>)表示一个封闭的并且是短的行内引用的文本，所以不要引入换行符。对于长的文本的引用请使用 <blockquote> 替代。
<dfn>		表示术语的一个定义。
<abbr>		用于展示缩写，并且可以通过可选的 title 属性提供完整的描述。
<data>	5+	关联一个内容的机器可读的等价形式（该元素只在 WHATWG 版本的 HTML 标准中，不在 W3C 版本的 HTML5 标准中）。
<time>	5+	代表日期和时间值；机器可读的等价形式通过 datetime 属性指定。
<code>		表示一段计算机代码。默认情况下, 它以浏览器的默认等宽字体显示。
<var>		Variable元素（<var>）表示数学表达式或编程上下文中的变量名称。通常斜体形式显示。
<samp>		用于标识计算机程序输出，通常使用浏览器缺省的 monotype 字体（例如 Lucida Console）。
<kbd>		用于表示用户输入，它将产生一个行内元素，以浏览器的默认monospace字体显示。
<sub>,<sup>		分别代表下标和上标。
<i>		代表一段不同性质的文字，如技术术语、外文短语等。它的内容通常以斜体显示。
<b>		代表一段需要被关注的文字，多数浏览器显示为粗体。对于显示粗体文字，可以使用 CSS font-weight 属性来创建粗体文字。
<u>		代表一段需要下划线呈现的文本注释，如标记出拼写错误的文字等。
<mark>	5+	代表一段需要被高亮的引用文字或符号。
<ruby>	5+	用来展示东亚文字注音或字符注释，如中文汉字和它的拼音。
<rt>	5+	位于 <ruby> 元素内，描述东亚字符的发音，如中文拼音。
<rp>	5+	位于 <ruby>元素内，用于在不支持 ruby 注释显示的浏览器中提供友好的注释显示。
<bdi>	5+	代表需要脱离父元素文本方向的一段文本。它允许嵌入一段不同或未知文本方向格式的文本。
<bdo>		指定子元素的文本方向，显式地覆盖默认的文本方向。
<span>		代表一段没有特殊含义的文本，当其他语义元素都不适合文本时候可以使用该元素。
<br>		代表换行。
<wbr>	5+	代表建议换行 (Word Break Opportunity) ，浏览器可以选择在此处换行。

@@ 第119行： / 第119行： @@
 |-
 |}
 ===组织内容===
 {|class = "wikitable" style="width:100%"
@@ 第186行： / 第187行： @@
 | 代表一个通用的容器，没有特殊含义。
 |-
+|}
+===文本形式===
+{|class = "wikitable" style="width:100%"
+|-
+!标签
+!版本
+!描述
+|-
+| <nowiki><a></nowiki>
+|
+| 代表一个链接到其他网页、文件、同一页面内的位置、电子邮件地址或任何其他 URL 的超链接。
+|-
+| <nowiki><em></nowiki>
+|
+| 代表强调文字。 <nowiki><em></nowiki> 元素是可以嵌套的，嵌套层次越深，则其包含的内容被认定为越需要着重阅读。
+|-
+| <nowiki><strong></nowiki>
+|
+| 代表特别重要的文字，一般用粗体显示。
+|-
+| <nowiki><small></nowiki>
+|
+| 將使文本的字体变小一号。在HTML5中，除了它的样式含义，这个元素被重新定义为表示边注释和附属细则，包括版权和法律文本，对理解文档不重要。
+|-
+| <nowiki><s></nowiki>
+|
+| 使用删除线来渲染文本。表示不再相关，或者不再准确的事情。但是当表示文档编辑时，不提倡使用 <nowiki><s> </nowiki>，提倡使用 <nowiki><del> </nowiki>和 <nowiki><ins></nowiki> 元素。
+|-
+| <nowiki><cite></nowiki>
+|
+| HTML引用（ Citation）标签 (<nowiki><cite></nowiki>) 表示一个作品的引用。它必须包含引用作品的符合简写格式的标题或者URL，它可能是一个根据添加引用元数据的约定的简写形式。
+|-
+| <nowiki><q></nowiki>
+|
+| HTML引用标签 (<nowiki><q></nowiki>)表示一个封闭的并且是短的行内引用的文本，所以不要引入换行符。对于长的文本的引用请使用 <nowiki><blockquote></nowiki> 替代。
+|-
+| <nowiki><dfn></nowiki>
+|
+| 表示术语的一个定义。
+|-
+| <nowiki><abbr></nowiki>
+|
+| 用于展示缩写，并且可以通过可选的 title 属性提供完整的描述。
+|-
+| <nowiki><data></nowiki>
+| 5+
+| 关联一个内容的机器可读的等价形式 （该元素只在 WHATWG 版本的 HTML 标准中，不在 W3C 版本的 HTML5 标准中）。
+|-
+| <nowiki><time></nowiki>
+| 5+
+| 代表日期 和时间 值；机器可读的等价形式通过 datetime 属性指定。
+|-
+| <nowiki><code></nowiki>
+|
+| 表示一段计算机代码。默认情况下, 它以浏览器的默认等宽字体显示。
+|-
+| <nowiki><var></nowiki>
+|
+| Variable元素（<nowiki><var></nowiki>）表示数学表达式或编程上下文中的变量名称。通常斜体形式显示。
+|-
+| <nowiki><samp></nowiki>
+|
+| 用于标识计算机程序输出，通常使用浏览器缺省的 monotype 字体（例如 Lucida Console）。
+|-
+| <nowiki><kbd></nowiki>
+|
+| 用于表示用户输入，它将产生一个行内元素，以浏览器的默认monospace字体显示。
+|-
+| <nowiki><sub>,<sup></nowiki>
+|
+| 分别代表下标 和上标 。
+|-
+| <nowiki><i></nowiki>
+|
+| 代表一段不同性质 的文字，如技术术语、外文短语等。它的内容通常以斜体显示。
+|-
+| <nowiki><b></nowiki>
+|
+| 代表一段需要被关注的文字，多数浏览器显示为粗体。对于显示粗体文字，可以使用 CSS font-weight 属性来创建粗体文字。
+|-
+| <nowiki><u></nowiki>
+|
+| 代表一段需要下划线呈现的文本注释，如标记出拼写错误的文字等。
+|-
+| <nowiki><mark></nowiki>
+| 5+
+| 代表一段需要被高亮的引用文字或符号。
+|-
+| <nowiki><ruby></nowiki>
+| 5+
+| 用来展示东亚文字注音或字符注释，如中文汉字和它的拼音。
+|-
+| <nowiki><rt></nowiki>
+| 5+
+| 位于 <nowiki><ruby></nowiki> 元素内，描述东亚字符的发音 ，如中文拼音。
+|-
+| <nowiki><rp></nowiki>
+| 5+
+| 位于 <nowiki><ruby></nowiki>元素内，用于在不支持 ruby 注释显示的浏览器中提供友好的注释显示。
+|-
+| <nowiki><bdi></nowiki>
+| 5+
+| 代表需要脱离 父元素文本方向的一段文本。它允许嵌入一段不同或未知文本方向格式的文本。
+|-
+| <nowiki><bdo></nowiki>
+|
+| 指定子元素的文本方向 ，显式地覆盖默认的文本方向。
+|-
+| <nowiki><span></nowiki>
+|
+| 代表一段没有特殊含义的文本，当其他语义元素都不适合文本时候可以使用该元素。
+|-
+| <nowiki><br></nowiki>
+|
+| 代表换行 。
+|-
+| <nowiki><wbr></nowiki>
+| 5+
+| 代表建议换行 (Word Break Opportunity) ，浏览器可以选择在此处换行。
 |}