图片和多媒体
HTML 支持各种多媒体资源，例如图像，音频和视频。
| 元素 | 描述 |
|---|---|
<area> |
HTML <area> 元素 在图片上定义一个热点区域，可以关联一个超链接。<area>元素仅在<map>元素内部使用。 |
<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> 元素将外部内容嵌入文档中的指定位置。此内容由外部应用程序或其他交互式内容源（如浏览器插件）提供。 |
<iframe> |
HTML内联框架元素 <iframe> 表示嵌套的浏览上下文，有效地将另一个HTML页面嵌入到当前页面中。在HTML 4.01中，文档可能包含头部和正文，或头部和框架集，但不能包含正文和框架集。但是，<iframe>可以在正常的文档主体中使用。每个浏览上下文都有自己的会话历史记录和活动文档。包含嵌入内容的浏览上下文称为父浏览上下文。顶级浏览上下文（没有父级）通常是浏览器窗口。 |
<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> 元素中定义脚本未被执行时的替代内容。</noscript> |
<script> |
HTML <script> 元素用于嵌入或引用可执行脚本。 |
编辑标识
这些元素能标示出某个文本被更改过的部分。
| 元素 | 描述 |
|---|---|
<del> |
HTML的<del>标签表示一些被从文档中删除的文字内容。比如可以在需要显示修改记录或者源代码差异的情况使用这个标签。<ins>标签的作用恰恰于此相反：表示文档中添加的内容。 |
<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> |
**HTML 元素<tfoot> ** 定义了一组计算表格中各列总和的行。 |
<th> |
HTML <th> 元素 [scope](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/th#attr-scope) and [headers](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/th#attr-headers) 属性 |
<thead> |
HTML的<thead>元素定义了一组定义表格的列头的行。 |
<tr> |
HTML <tr> 元素定义表格中的行。 Those can be a mix of <td> and <th> elements. |
表单
HTML 提供了许多可一起使用的元素，这些元素能用来创建一个用户可以填写并提交到网站或应用程序的表单。详情请参阅 HTML forms guide。
| 元素 | 描述 |
|---|---|
<button> |
HTML <button> 元素表示一个可点击的按钮，可以用在表单或文档其它需要使用简单标准按钮的地方。 |
<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> |
|
<dialog> |
HTML <dialog> 元素表示一个对话框或其他交互式组件，例如一个检查员或窗口。 |
<menu> |
HTML <menu> 元素 呈现了一组用户可执行或激活的命令。这既包含了可能出现在屏幕顶端的列表菜单，也包含了那些隐藏在按钮之下、当点击按钮后显示出来的文本菜单。 |
<menuitem> |
|
<summary> |
**HTML <summary>元素 **用作 一个<details>元素的一个内容的摘要，标题或图例。 |
