HTML 元素语法：
- HTML 元素以开始标签起始
- HTML 元素以结束标签终止
- 元素的内容是开始标签与结束标签之间的内容
- 某些 HTML 元素具有空内容（empty content）
- 空元素在开始标签中进行关闭（以开始标签的结束而结束）
- 大多数 HTML 元素可拥有属性
备注：切记所有标签都需要闭合，不管是单体标签还是成对标签。标签写法要用小写字母。
标签
基础
| 标签 |
描述 |
备注 |
| <!DOCTYPE> |
定义文档类型。 |
<!DOCTYPE html>
- 告诉浏览器当前页面是使用 HTML5 规范编写的。
- <!DOCTYPE> 声明通常是文档的第一行，位于 <html> 标签之前。
- <!DOCTYPE> 声明声明不是一个 HTML 标签，因此不需要关闭标签。
- <!DOCTYPE> 声明不区分大小写。
|
| <hrml> |
定义一个 HTML 文档 |
- <html> 标签告知浏览器这是一个 HTML 文档。
- <html> 标签是 HTML 文档中最外层的元素。
- <html> 标签是所有其他 HTML 元素（除了 <!DOCTYPE> 标签）的容器。
|
| <title> |
为文档定义一个标题 |
- 定义浏览器工具栏中的标题。
- 提供页面被添加到收藏夹时的标题。
- 显示在搜索引擎结果中的页面标题。
- 一个 HTML 文档中不能有一个以上的 <title> 元素。
- 如果遗漏了 <title> 标签，文档作为 HTML 是无效的。
|
| <body> |
定义文档的主体 |
- <body> 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等）。
|
| <h1> to <h6> |
定义 HTML 标题 |
- <h1> 定义重要等级最高的标题。<h6> 定义重要等级最低的标题。
|
| <p> |
定义一个段落 |
- <p>元素会自动在其前后创建一些空白。浏览器会自动添加这些空间，可以在样式表中规定。
|
| <br> |
定义简单的折行。 |
- <br> 标签是一个空标签，意味着它没有结束标签。
- 在写地址信息或者写诗词时 <br> 标签非常有用。
- 请使用 <br> 标签来输入空行，而不是分割段落。
|
| <hr> |
定义水平线。 |
- <hr> 标签定义 HTML 页面中的主题变化（比如话题的转移），并显示为一条水平线。
- <hr> 元素被用来分隔 HTML 页面中的内容（或者定义一个变化）。
|
| <!-- ... --> |
定义一个注释 |
|
格式
| 标签 |
描述 |
备注 |
| <abbr> |
定义一个缩写。 |
|
| <address> |
定义文档作者或拥有者的联系信息。 |
|
| <b> |
定义粗体文本。 |
|
| <bdi> |
允许设置一段文本，使其脱离其父元素的文本方向设置。 |
|
| <bdo> |
定义文本的方向。 |
|
| <blockquote> |
定义块引用。 |
|
| <cite> |
定义引用(citation)。 |
|
| <code> |
定义计算机代码文本。 |
|
| <del> |
定义被删除文本。 |
|
| <dfn> |
定义定义项目。 |
|
| <em> |
定义强调文本。 |
|
| <i> |
定义斜体文本。 |
|
| <ins> |
定义被插入文本。 |
|
| <kbd> |
定义键盘文本。 |
|
| <mark> |
定义带有记号的文本。 |
|
| <meter> |
定义度量衡。仅用于已知最大和最小值的度量。 |
|
| <pre> |
定义预格式文本 |
|
| <progress> |
定义运行中的任务进度（进程）。 |
|
| <q> |
定义短的引用。 |
|
| <rp> |
定义不支持 ruby 元素的浏览器所显示的内容。 |
|
| <rt> |
定义字符（中文注音或字符）的解释或发音。 |
|
| <ruby> |
定义 ruby 注释（中文注音或字符）。 |
|
| <s> |
定义加删除线的文本。 |
|
| <samp> |
定义计算机代码样本。 |
|
| <small> |
定义小号文本。 |
|
| <strong> |
定义语气更为强烈的强调文本。 |
|
| <sub> |
定义下标文本。 |
|
| <sup> |
定义上标文本。 |
|
| <time> |
定义一个日期/时间 |
|
| <u> |
定义下划线文本。 |
|
| <var> |
定义文本的变量部分。 |
|
| <wbr> |
规定在文本中的何处适合添加换行符。 |
|
表单
| 标签 |
描述 |
备注 |
| <form> |
定义一个 HTML 表单，用于用户输入。 |
|
| <input> |
定义一个输入控件 |
|
| <testarea> |
定义多行的文本输入控件。 |
|
| <button> |
定义按钮。 |
|
| <select> |
定义选择列表（下拉列表）。 |
|
| <optgroup> |
定义选择列表中相关选项的组合。 |
|
| <option> |
定义选择列表中的选项。 |
|
| <label> |
定义 input 元素的标注。 |
|
| <fieldset> |
定义围绕表单中元素的边框。 |
|
| <legend> |
定义 fieldset 元素的标题。 |
|
| <datalist> |
规定了 input 元素可能的选项列表。 |
|
| <keygen> |
规定用于表单的密钥对生成器字段。 |
|
| <output> |
定义一个计算的结果 |
|
框架
| 标签 |
描述 |
备注 |
| <iframe> |
定义内联框架。 |
|
图像
| 标签 |
描述 |
备注 |
| <img> |
定义图像。 |
|
| <map> |
定义图像映射。 |
|
| <area> |
定义图像地图内部的区域。 |
|
| <canvas> |
通过脚本（通常是 JavaScript）来绘制图形（比如图表和其他图像）。 |
|
| <figcaption> |
定义一个 caption for a <figure> element |
|
| <figure> |
figure 标签用于对元素进行组合。 |
|
Audio/Video
| 标签 |
描述 |
备注 |
| <audio> |
定义声音，比如音乐或其他音频流。 |
|
| <source> |
定义media元素 (<video> 和 <audio>)的媒体资源。media |
|
| <track> |
为媒体(<video> 和 <audio>)元素定义外部文本轨道。 |
|
| <video> |
定义一个音频或者视频 |
|
链接
| 标签 |
描述 |
备注 |
| <a> |
定义一个链接 |
|
| <link> |
定义文档与外部资源的关系。 |
|
| <main> |
定义文档的主体部分。 |
|
| <nav> |
定义导航链接 |
|
列表
| 标签 |
描述 |
备注 |
| <ul> |
定义一个无序列表 |
|
| <ol> |
定义一个有序列表 |
|
| <li> |
定义一个列表项 |
|
| <dl> |
定义一个定义列表 |
|
| <dt> |
定义一个定义定义列表中的项目。 |
|
| <dd> |
定义定义列表中项目的描述。 |
|
| <menu> |
定义菜单列表。 |
|
| <command> |
定义用户可能调用的命令（比如单选按钮、复选框或按钮）。 |
|
表格
| 标签 |
描述 |
备注 |
| <table> |
定义一个表格 |
|
| <caption> |
定义表格标题。 |
|
| <th> |
定义表格中的表头单元格。 |
|
| <tr> |
定义表格中的行。 |
|
| <td> |
定义表格中的单元。 |
|
| <thead> |
定义表格中的表头内容。 |
|
| <tbody> |
定义表格中的主体内容。 |
|
| <tfoot> |
定义表格中的表注内容（脚注）。 |
|
| <col> |
定义表格中一个或多个列的属性值。 |
|
| <colgroup> |
定义表格中供格式化的列组。 |
|
样式/节
| 标签 |
描述 |
备注 |
| <style> |
定义文档的样式信息。 |
|
| <div> |
定义文档中的节。 |
|
| <span> |
定义文档中的节。 |
|
| <header> |
定义一个文档头部部分 |
|
| <footer> |
定义一个文档底部 |
|
| <section> |
定义了文档的某个区域 |
|
| <article> |
定义一个文章内容 |
|
| <aside> |
定义其所处内容之外的内容。 |
|
| <details> |
定义了用户可见的或者隐藏的需求的补充细节。 |
|
| <dialog> |
定义一个对话框或者窗口 |
|
| <summary> |
定义一个可见的标题。 当用户点击标题时会显示出详细信息。 |
|
元信息
| 标签 |
描述 |
备注 |
| <head> |
定义关于文档的信息 |
|
| <meta> |
定义关于 HTML 文档的元信息。 |
|
| <base> |
定义页面中所有链接的默认地址或默认目标。 |
|
程序
| 标签 |
描述 |
备注 |
| <script> |
定义客户端脚本。 |
|
| <noscript> |
定义针对不支持客户端脚本的用户的替代内容。 |
|
| <embed> |
定义了一个容器，用来嵌入外部应用或者互动程序（插件）。 |
|
| <object> |
定义嵌入的对象。 |
|
| <param> |
定义对象的参数。 |
|
浙公网安备 33010602011771号