W3C简介
万维网联盟（World Wide Web Consortium，W3C），又称W3C理事会，是万维网")的主要国际标准组织
全球资讯网协会*（World Wide Web Consortium，W3C）是维护[网路相关]规则与架构的国际机构。
它由 420 多个开发网路标准、经营宣传计画、还有维护网路相关的公开讨论会……等成员组织构成。W3C 的业界协调公司确保它们实行相同的 W3C 标准。
每个标准都会有四个成熟过程：工作草桉（Working Draft、WD）、候选推荐标准（Candidate Recommendation、CR）、提桉推荐标准（Proposed Recommendation、PR）、以及 W3C 推荐标准（W3C Recommendation、REC）。
MDN
MDN Web Docs是一个汇集众多[Mozilla基金会]产品和网络技术开发文档的免费网站该项目始于2005年，最初由Mozilla公司员工Deb Richardson领导。自2006年以来，文档工作由Eric Shepherd领导
HTML标签
文档元数据
元数据（Metadata）含有页面的相关信息，包括样式、脚本及数据，能帮助一些软件 (如搜索引擎， 浏览器等等）更好地运用和渲染页面。对于样式和脚本的元数据，可以直接在网页里定义，也可以链接到包含相关信息的外部文件。
| 元素 | 描述 |
|---|---|
<link> |
HTML 中<link>元素指定了外部资源与当前文档的关系. 这个元素的使用方法包括为导航定义关系框架.这个元素经常用来链接css文件。 |
<meta> |
HTML <meta>元素表示那些不能由其它HTML元相关元素 (<base>, <link>, <script>, <style> 或 <title>) 之一表示的任何元数据信息. |
<style> |
HTML的<style>元素包含了文档的样式化信息或者文档的一部分。指定的样式化星系包含的该元素内，通常是CSS的格式。 |
内容分区
内容分区元素允许你将文档内容从逻辑上进行组织划分。使用包括页眉(header)、页脚(footer)、导航(nav)和标题(h1~h6)等分区元素，来为页面内容创建明确的大纲，以便区分各个章节的内容。
| 元素 | 描述 |
|---|---|
<address> |
HTML 的<address>元素可以让作者为它最近的<article>或者<body>祖先元素提供联系信息。在后一种情况下，它应用于整个文档。 |
<article> |
<article>元素表示文档、页面、应用或网站中的独立结构，其意在成为可独立分配的或可复用的结构，如在发布中，它可能是论坛帖子、杂志或新闻文章、博客、用户提交的评论、交互式组件，或者其他独立的内容项目。 |
<aside> |
*<aside> *元素表示一个和其余页面内容几乎无关的部分，被认为是独立于该内容的一部分并且可以被单独的拆分出来而不会使整体受影响。其通常表现为侧边栏或者嵌入内容。他们通常包含在工具条，例如来自词汇表的定义。也可能有其他类型的信息，例如相关的广告、笔者的传记、web 应用程序、个人资料信息，或在博客上的相关链接。 |
<footer> |
HTML <footer> 元素表示最近一个章节内容或者根节点（sectioning root ）元素的页脚。一个页脚通常包含该章节作者、版权数据或者与文档相关的链接等信息。 |
<header> |
<header>元素表示一组引导性的帮助，可能包含标题元素，也可以包含其他元素，像logo、分节头部、搜索表单等。 |
<h1>, <h2>, <h3>, <h4>, <h5>, <h6>
|
标题(Heading)元素拥有六个不同的级别，<h1> 是最高级的，而 <h6>则是最低的级别。 一个标题元素能简要描述该节的主题。标题信息可以由用户代理可以使用，例如，自动构造某个文档中的内容表（就像本文档右边浮动栏一样）。 |
<hgroup> |
HTML <hgroup> Element (HTML Headings Group Element) 代表一个段的标题。它规定了在文档轮廓里（the outline of the document ）的单一标题是它所属的隐式或显式部分的标题。 |
<nav> |
HTML导航栏 (<nav>) 描绘一个含有多个超链接的区域，这个区域包含转到其他页面，或者页面内部其他部分的链接列表. |
<section> |
HTML Section 元素 (<section>) 表示文档中的一个区域（或节），比如，内容中的一个专题组，一般来说会有包含一个标题（heading）。一般通过是否包含一个标题 (<h1>-<h6> element) 作为子节点 来 辨识每一个<section>。 |
文本内容
使用 HTML 文本内容元素来组织在开标签 <body> 和闭标签 </body> 里的块或章节的内容。这些元素能标识内容的宗旨或结构，而这对于 accessibility 和 SEO 很重要。
| 元素 | 描述 |
|---|---|
<blockquote> |
HTML中的 |
元素（或者 HTML 块级引用元素），代表其中的文字是引用内容。通常在渲染时，这部分的内容会有一定的缩进（注 中说明了如何更改）。若引文来源于网络，则可以将原内容的出处 URL 地址设置到 cite 特性上，若要以文本的形式告知读者引文的出处时，可以通过
<cite>元素。
|
| <dd> | HTML <dd> 元素（HTML 描述元素）用来指明一个描述列表 (<dl>) 元素中一个术语的描述。这个元素只能作为描述列表元素的子元素出现，并且必须跟着一个 <dt> 元素。 |
| <dir> | HTML 目录元素 (<dir>) 表示一个目录，也就是文件名称的集合。 |
| <div> | HTML <div> 元素 (或 HTML 文档分区元素) 是一个通用型的流内容容器，它在语义上不代表任何特定类型的内容，它可以被用来对其它元素进行分组，一般用于样式化相关的需求（使用 class 或 id 特性) 或者对具有相同特性的一组元素进行分组 (比如 lang)，它应该在没有任何其它语义元素可用时才使用 (比如 <article> 或 <nav>) 。 |
| <dl> | HTML <dl> 元素 （或 HTML 描述列表元素）是一个包含术语定义以及描述的列表，通常用于展示词汇表或者元数据 (键-值对列表)。 |
| <dt> | HTML <dt> 元素 （或 HTML 术语定义元素）用于在一个定义列表中声明一个术语。该元素仅能作为 <dl> 的子元素出现。通常在该元素后面会跟着 <dd> 元素， 然而，多个连续出现的 <dt> 元素都将由出现在它们后面的第一个 <dd> 元素定义。 |
| <figcaption> | HTML <figcaption> 元素 是与其相关联的图片的说明/标题，用?于描述其父节点 <figure> 元素里的其他数据。这意味着 <figcaption> 在<figure> 块里是第一个或最后一个。同时 HTML Figcaption 元素是可选的；如果没有该元素，这个父节点的图片只是会没有说明/标题。 |
| <figure> | HTML <figure> 元素代表一段独立的内容, 经常与说明(caption) <figcaption> 配合使用, 并且作为一个独立的引用单元。当它属于主体(main flow)时，它的位置独立于主体。这个标签经常是在主文中引用的图片，插图，表格，代码段等等，当这部分转移到附录中或者其他页面时不会影响到主体。 |
| <hr> | HTML <hr> 元素表示段落级元素之间的主题转换（例如，一个故事中的场景的改变，或一个章节的主题的改变）。在HTML的早期版本中，它是一个水平线。现在它仍能在可视化浏览器中表现为水平线，但目前被定义为语义上的，而不是表现层面上。 |
| <li> | HTML <li> 元素 (或者 HTML 列表条目元素) 用于表示列表里的条目。它必须被包含在一个父元素里：一个有顺序的列表(<ol>)，一个无顺序的列表(<ul>)，或者一个菜单 (<menu>)。在菜单或者无顺序的列表里，列表条目通常用点排列显示。在有顺序的列表里，列表条目通常是在左边有按升序排列计数的显示，例如数字或者字母。 |
| <main> | HTML Main元素(<main>)呈现了文档<body>或应用的主体部分。主体部分由与文档直接相关，或者扩展于文档的中心主题、应用的主要功能部分的内容组成。这部分内容在文档中应当是独一无二的，不包含任何在一系列文档中重复的内容，比如侧边栏，导航栏链接，版权信息，网站logo，搜索框（除非搜索框作为文档的主要功能）。</main> |
| <ol> | HTML <ol> 元素 表示多个有序列表项，通常渲染为有带编号的列表。 |
| <p> | HTML <p>元素（或者说 HTML 段落元素）表示文本的一个段落。该元素通常表现为一整块与相邻文本分离的文本，或以垂直的空白隔离或以首行缩进。另外，<p> 是块级元素。 |
| <pre> | HTML <pre> 元素表示预定义格式文本。在该元素中的文本通常按照原文件中的编排，以等宽字体的形式展现出来，文本中的空白符（比如空格和换行符）都会显示出来。(紧跟在 <pre> 开始标签后的换行符也会被省略) |
| <ul> | The** HTML <ul> 元素** ( 或 HTML 无序列表元素） 代表多项的无序列表，即无数值排序项的集合，且它们在列表中的顺序是没有意义的。通常情况下，无序列表项的头部可以是几种形式，如一个点，一个圆形或方形。头部的风格并不是在页面的HTML描述定义, 但在其相关的CSS 可以用 list-style-type 属性。 |
内联文本语义
使用 HTML 内联文本语义(Inline text semantics)定义语句，结构，可以是一个词，一段，或任意风格的文字。
| 元素 | 描述 |
|---|---|
<a> |
HTML <a>元素 (或锚元素) 可以创建一个到其他网页、文件、同一页面内的位置、电子邮件地址或任何其他URL的超链接。 |
<abbr> |
HTML <abbr>元素代表缩写，并可选择提供一个完整的描述。 |
<b> |
HTML <b>元素表表示相对于普通文本字体上的区别，但不表示任何特殊的强调或者关联，通常以粗体显示。 |
<bdi> |
HTML <bdi> 元素 (双向隔离元素) 会隔离可能以不同方向进行格式化的外部文本。 |
<bdo> |
<bdo> 元素 (HTML双向覆盖元素)用于覆盖当前文本的朝向，它使得字符按给定的方向排列。 |
<br> |
HTML 元素* 换行*<br> 在文本中产生一个换行（回车键）。这对于写诗或写一个地址来说显得很有用。它可以将行明显地分开。 |
<cite> |
HTML引用（ Citation）标签 (<cite>) 表示一个作品的引用。它必须包含引用作品的符合简写格式的标题或者URL，它可能是一个根据添加引用元数据的约定的简写形式。 |
<code> |
HTML <code> 元素呈现一段计算机代码. 默认情况下, 它以浏览器的默认等宽字体显示. |
<data> |
HTML <data> 元素 将一个指定内容和机器可读的翻译联系在一起。但如果内容是与 time 或者 date 相关的，一定要使用 <time>。 |
<dfn> |
HTML 定义元素 (<dfn>) 表示术语的一个定义。 |
<em> |
HTML 着重元素 (<em>) 标记出需要用户着重阅读的内容， <em> 元素是可以嵌套的，嵌套层次越深，则其包含的内容被认定为越需要着重阅读。 |
<i> |
HTML元素 <i> 用于表现因某些原因需要区分普通文本的一系列文本。例如技术术语、外文短语或是小说中人物的思想活动等，它的内容通常以斜体显示。 |
<kbd> |
HTML键盘输入元素(<kbd>) 用于表示用户输入，它将产生一个行内元素，以浏览器的默认monospace字体显示。 |
<mark> |
这个* HTML mark *标签代表突出显示的文字,例如可以为了标记特定上下文中的文本而使用这个标签. 举个例子，它可以用来显示搜索引擎搜索后关键词。 |
<nobr> |
HTML <nobr> 元素阻止文本自动拆分成新行，所以它展示为长的一行，可能还需要滚动。这个标签不是标准的 HTML，并且不应该使用。反之应该使用 CSS 属性 |
<q> |
HTML引用标签 (<q>)表示一个封闭的并且是短的行内引用的文本. 这个标签是用来引用短的文本，所以请不要引入换行符; 对于长的文本的引用请使用 <blockquote> 替代. |
<rp> |
HTML <rp> 元素用于为那些不能使用 <ruby> 元素展示 ruby 注解的浏览器，提供随后的圆括号。 |
<rt> |
HTML <rt> element 包含字符的发音，字符在 ruby 注解中出现，它用于描述东亚字符的发音。这个元素始终在 <ruby> 元素中使用。 |
<rtc> |
HTML <rtc> 元素包含文字的语义注解，它们在 <rb> 元素中展示。<rb> 元素可以拥有发音 (<rt>) 和语义(<rtc>) 注解。 |
<ruby> |
**HTML <ruby> 元素 **被用来展示东亚文字注音或字符注释。 |
<s> |
**HTML <s> 元素 **使用删除线来渲染文本。使用 <s> 元素来表示不再相关，或者不再准确的事情。但是当表示文档编辑时，不提倡使用 <s> ；为此，提倡使用 <del> 和 <ins> 元素。 |
<samp> |
<samp> 元素用于标识计算机程序输出，通常使用浏览器缺省的 monotype 字体（例如 Lucida Console）。 |
<small> |
HTML 中的<small style="font-style: normal !important; margin: 0px; padding: 0px; border: 0px;">元素將使文本的字体变小一号。(例如从大变成中等，从中等变成小，从小变成超小)。在HTML5中，除了它的样式含义，这个元素被重新定义为表示边注释和附属细则，包括版权和法律文本。</small> |
<span> |
HTML <span> 元素是短语内容的通用行内容器，并没有任何特殊语义。可以使用它来编组元素以达到某种样式意图（通过使用类或者Id属性），或者这些元素有着共同的属性，比如lang。应该在没有其他合适的语义元素时才使用它。<span> 与 <div> 元素很相似，但 <div> 是一个 块元素 而 <span> 则是 行内元素 . |
<strong> |
Strong 元素 (<strong>)表示文本十分重要，一般用粗体显示。 |
<sub> |
HTML <sub> 元素定义了一个文本区域，出于排版的原因，与主要的文本相比，应该展示得更低并且更小。 |
<sup> |
HTML <sup> 元素定义了一个文本区域，出于排版的原因，与主要的文本相比，应该展示得更高并且更小。 |
<time> |
HTML time 标签(<time>) 用来表示24小时制时间或者公历日期，若表示日期则也可包含时间和时区。 |
<u> |
HTML <u> 元素使文本在其内容的基线下的一行呈现下划线。在HTML5中, 此元素表示具有未标注的文本跨度，显示渲染，非文本注释，例如将文本标记为中文文本中的专有名称(一个正确的中文标记), 或 将文本标记为拼写错误。 |
<var> |
<var> 标签表示变量的名称，或者由用户提供的值。 |
<wbr> |
**HTML <wbr> 元素 **— 一个文本中的位置，其中浏览器可以选择来换行，虽然它的换行规则可能不会在这里换行。 |
图片和多媒体
HTML 支持各种多媒体资源，例如图像，音频和视频。
| 元素 | 描述 |
|---|---|
<area> |
HTML <area> 元素 在图片上定义一个热点区域 |
<audio> |
**HTML <audio> **元素用于在文档中表示音频内容。 <audio> 元素可以包含多个音频资源， 这些音频资源可以使用 src 属性或者<source> 元素来进行描述； 浏览器将会选择最合适的一个来使用。对于不支持<audio>元素的浏览器，<audio>元素也可以作为浏览器不识别的内容加入到文档中。 |
<img> |
HTML Image 元素（ <img> ）代表文档中的一个图像。 |
<map> |
HTML <map> 属性 与 <area> 属性一起使用来定义一个图像映射(一个可点击的链接区域). |
<track> |
HTML <track> 元素 被当作媒体元素—<audio> 和 <video>的子元素来使用。它允许指定计时字幕（或者基于事件的数据），例如自动处理字幕。 |
<video> |
HTML <video> 元素 用于在HTML或者XHTML文档中嵌入视频内容。 |
内嵌内容
除了常规的多媒体内容，HTML 可以包括各种其他的内容，即使它并不容易交互。
| 元素 | 描述 |
|---|---|
<applet> |
HTML中的Applet元素(<applet>) 标志着包含了Java的applet。 |
<embed> |
HTML <embed> 元素将外部内容嵌入文档中的指定位置。此内容由外部应用程序或其他交互式内容源（如浏览器插件）提供。 |
<noembed> |
**<noembed>** 元素是个废除的和不标准的方式，用于向不支持 <embed> ，或者不支持作者希望的 嵌入式内容 的浏览器提供替代（或者“后备”）内容。这个元素在 HTML 4.01 起废除，以支持 |
<object> |
HTML <object> 元素（或者称作 HTML 嵌入对象元素）表示引入一个外部资源，这个资源可能是一张图片，一个嵌入的浏览上下文，亦或是一个插件所使用的资源。 |
<param> |
HTML <param> 元素(或 HTML Parameter 元素) 定义了 <object>的参数 |
<picture> |
HTML <picture> 元素是一个容器，用来为其内部特定的 <img> 元素提供多样的 <source> 元素。浏览器会根据当前页面（即图片所在的盒子的容器）的布局以及当前浏览的设备（比如普通的屏幕和高清屏幕）去从中选择最合适的资源。 |
<source> |
The HTML <source> element specifies multiple media resources for either the <picture>, the <audio> or the <video>element. It is an empty element. It is commonly used to serve the same media content in multiple formats supported by different browsers. |
脚本
为了创建动态内容和 Web 应用程序，HTML 支持使用脚本语言，最突出的就是 JavaScript。某些元素支持此功能。
| 元素 | 描述 |
|---|---|
<canvas> |
<canvas>元素可被用来通过脚本（通常是JavaScript）绘制图形。比如,它可以被用来绘制图形,制作图片集合,甚至用来实现动画效果。你可以(也应该)在元素标签内写入可提供替代的的代码内容，这些内容将会在在旧的、不支持<canvas>元素的浏览器或是禁用了JavaScript的浏览器内渲染并展现。 |
<noscript> |
如果页面上的脚本类型不受支持或者当前在浏览器中关闭了脚本，则HTML <noscript>元素定义要插入的html部分。</noscript> |
<script> |
HTML <script> 元素用于嵌入或引用可执行脚本。 |
编辑标识
这些元素能标示出某个文本被更改过的部分。
| 元素 | 描述 |
|---|---|
<del> |
HTML 删除文字元素（<del>）表示已经从文档中删除的文本范围。此元素通常是（但不必）呈现删除线的文本。 |
<ins> |
HTML <ins> 元素定义已经被插入文档中的文本。 |
表格内容
这里的元素用于创建和处理表格数据。
元素在一个 元素中可以出现一个或者更多。
| 元素 | 描述 |
|---|---|
<caption> |
HTML <caption> 元素 (or HTML 表格标题元素) 展示一个表格的标题， 它常常作为 <table> 的第一个子元素出现，同时显示在表格内容的最前面，但是，它同样可以被CSS样式化，所以，它同样可以出现在任何一个一个相对于表格的做任意位置。 |
<col> |
HTML <col> 元素 定义表格中的列，并用于定义所有公共单元格上的公共语义。它通常位于<colgroup>元素内。 |
<colgroup> |
HTML 中的 表格列组（*Column Group *<colgroup>） 标签用来定义表中的一组列表。 |
<table> |
HTML的 **table **元素表示表格数据 — 即通过二维数据表表示的信息。 |
<tbody> |
这个 HTML 标签 |
<td> |
The Table cell HTML element (<td>) defines a cell of a table that contains data. It participates in the table model. |
<tfoot> |
|
<th> |
HTML <th> 元素 |
<thead> |
HTML的<thead>元素定义了一组定义表格的列头的行。 |
<tr> |
HTML <tr> 元素定义表格中的行。 Those can be a mix of <td> and <th> elements. |
表单
HTML 提供了许多可一起使用的元素，这些元素能用来创建一个用户可以填写并提交到网站或应用程序的表单。详情请参阅 HTML forms guide。
| 元素 | 描述 |
|---|---|
<button> |
**HTML <button>元素 **表示一个可点击的按钮。能够在表单，或者 HTML 文档的任一需要按钮的位置。默认情况下 HTML 按钮会呈现与用户主机相似的样式，基于 user agent。 |
<datalist> |
HTML Datalist 元素 (<datalist>) 包含了一组<option>元素,这些元素表示其它表单控件可选值. |
<fieldset> |
|
<form> |
HTML <form> ****元素 表示了文档中的一个区域，这个区域包含有交互控制元件，用来向web服务器提交信息。 |
<input> |
**HTML <input> **元素用于为基于Web的表单创建交互式控件，以便接受来自用户的数据。 |
<label> |
HTML <label style="font-style: normal !important; margin: 0px; padding: 0px; border: 0px; cursor: pointer;">元素表示用户界面中项目的标题。</label> |
[<legend>](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/legend "HTML的元素（也称为HTML的域说明元素（or HMTL | |
| Legend Field Element））代表一个用于表示它的父元素<fieldset>的内容的标题。") | HTML的<legend>元素（也称为HTML的域说明元素（or HMTL |
Legend Field Element））代表一个用于表示它的父元素<fieldset>的内容的标题。</legend> | |
<meter> |
HTML <meter>元素用来显示已知范围的标量值或者分数值。 |
<optgroup> |
在一个web表单中, **HTML元素 <optgroup> **会创建包含在一个 <select> 元素中的一组选项 |
<option> |
在web表单中, HTML元素<option> 用于定义在<select>, <optgroup> 或<datalist> 元素中包含的项。<option> 可以在弹出窗口和 html 文档中的其他项目列表中表示菜单项。 |
<output> |
HTML <output> 标签表示计算或用户操作的结果。 |
<progress> |
HTML中的progress (<progress>) 元素用来显示一项任务的完成进度.虽然规范中没有规定该元素具体如何显示,浏览器开发商可以自己决定,但通常情况下,该元素都显示为一个进度条形式. |
<select> |
HTML select (<select>) 元素是一种表单控件，可创建选项菜单。菜单内的选项为[<option>](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/option "在web表单中, HTML元素 <option> 用于定义在<select>, <optgroup> 或<datalist> 元素中包含的项。<option> 可以在弹出窗口和 html 文档中的其他项目列表中表示菜单项。") , 可以由 [<optgroup>](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/optgroup "在一个web表单中, HTML元素 <optgroup> 会创建包含在一个 <select> 元素中的一组选项") 元素分组。选项可以被用户预先选择。 |
<textarea> |
HTML <textarea> 元素表示一个多行纯文本编辑控件。 |
交互元素
HTML 提供了一系列有助于创建交互式用户界面对象的元素。
| 元素 | 描述 |
|---|---|
<details> |
HTML <details>元素被用作发现小部件，用户可以从其中检索附加信息。 |
<dialog> |
HTML <dialog> 元素表示一个对话框或其他交互式组件，例如一个检查员或窗口。 |
<menu> |
HTML <menu> 元素 呈现了一组用户可执行或激活的命令。这既包含了可能出现在屏幕顶端的列表菜单，也包含了那些隐藏在按钮之下、当点击按钮后显示出来的文本菜单。 |
<menuitem> |
|
<summary> |
**HTML <summary>元素 **用作 一个<details>元素的一个内容的摘要，标题或图例。 |
Web 组件
Web 组件是种近似 HTML（HTML-related） 的技术，这使得它能够，从本质上讲，创建和使用自定义元素，就好像它是普通的 HTML。此外，你甚至可以创建自定义版本的标准 HTML 元素。
**注意: **Web组件的元素都在 World Wide Web Consortium (W3C) Web Components collection of specifications 定义而不是 HTML 规范。此外，Web 组件规范还没有最后确定，随时有可能发生更改。
| 元素 | 描述 |
|---|---|
<content> |
HTML <content> 元素— Web 组件 的技术套件的废弃部分 — 用于 Shadow DOM 内部作为 insertion point，并且不可用于任何正常的 HTML，现在已被 <slot> 元素代替，它在 DOM 中创建一个位置，Shadow DOM 会插入这里。 |
<element> |
<element>元素被定义在最新的 HTML DOM 元素中。</element> |
<shadow> |
**HTML <shadow> 元素 **— Web 组件技术套件的废弃部分 — 目的是用作 Shadow DOM insertion point。如果你在 shadow host 下面创建了多个 shadow root，你就可能已经使用了它。在正常的 HTML 没有任何用处。 |
<slot> |
HTML** <slot> **标签是web组件技术的一部分，slot是web组件的一个占位符，可以用来插入自定义的标记文本。可以创建不同的DOM树并进行渲染。 |
<template> |
**HTML <template>元素 **是一种用于保存客户端内容的机制，该内容在页面加载时不被渲染，但可以在运行时使用JavaScript进行实例化。 |
空元素
一个空元素（empty element）可能是 HTML，SVG，或者 MathML 里的一个不可能存在子节点（例如内嵌的元素或者元素内的文本）的element。
HTML，SVG 和 MathML 的规范都详细定义了每个元素能包含的具体内容（define very precisely what each element can contain）。许多组合是没有任何语义含义的，比如一个 <audio> 元素嵌套在一个 <hr> 元素里。
在 HTML 中，通常在一个空元素上使用一个闭标签是无效的。例如， <input type="text"></input> 的闭标签是无效的 HTML。
在 HTML 中有以下这些空元素：
<area><base><br><col>-
<colgroup>when the[span](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/colgroup#attr-span)is present <command><embed><hr><img><input><keygen><link><meta><param><source><track><wbr>
可替换元素
CSS 里，可替换元素（replaced element）的展现不是由CSS来控制的。这些元素是一类 外观渲染独立于CSS的 外部对象。 典型的可替换元素有 <img>、 <object>、 <video> 和 表单元素，如<textarea>、 <input> 。 某些元素只在一些特殊情况下表现为可替换元素，例如 <audio> 和 <canvas> 。 通过 CSS content 属性来插入的对象 被称作 匿名可替换元素（anonymous replaced elements）。
CSS在某些情况下会对可替换元素做特殊处理，比如计算外边距和一些auto值。
需要注意的是，一部分（并非全部）可替换元素，本身具有尺寸和基线（baseline），会被像vertical-align之类的一些 CSS 属性用到。
网友评论