**5**代表的是HTML5中的新功能
<table class="layui-table">
<colgroup>
<col width="20%">
<col width="80%">
</colgroup>
<thead>
<tr>
<th>标签</th>
<th>描述</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="javascript:;"><!--...--></a></td>
<td>定义注释</td>
</tr>
<tr>
<td><a href="javascript:;"><!DOCTYPE></a></td>
<td>定义文档类型</td>
</tr>
<tr>
<td><a href="javascript:;"><a></a></td>
<td>定义超链接</td>
</tr>
<tr>
<td><a href="javascript:;"><abbr></a></td>
<td>定义缩写或缩写词</td>
</tr>
<tr>
<td><a href="javascript:;"><acronym></a></td>
<td class="h5nosupport">HTML5不支持。用 <abbr> 代替。 定义首字母缩写</td>
</tr>
<tr>
<td><a href="javascript:;"><address></a></td>
<td>为文档的作者/所有者定义联系信息</td>
</tr>
<tr>
<td><a href="javascript:;"><applet></a></td>
<td class="h5nosupport">HTML5不支持。用 <embed> 或 <object> 代替。定义嵌入的applet</td>
</tr>
<tr>
<td><a href="javascript:;"><area></a></td>
<td>定义图像映射中的区域</td>
</tr>
<tr>
<td><a href="javascript:;"><article></a><span class="h5support">5</span></td>
<td>定义文章</td>
</tr>
<tr>
<td><a href="javascript:;"><aside></a><span class="h5support">5</span></td>
<td>定义旁边的内容</td>
</tr>
<tr>
<td><a href="javascript:;"><audio></a><span class="h5support">5</span></td>
<td>定义声音内容</td>
</tr>
<tr>
<td><a href="javascript:;"><b></a></td>
<td>定义粗体文字</td>
</tr>
<tr>
<td><a href="javascript:;"><base></a></td>
<td>指定文档中所有相对URL的基本URL/目标</td>
</tr>
<tr>
<td><a href="javascript:;"><basefont></a></td>
<td class="h5nosupport">HTML5不支持。用CSS代替。为文档中的所有文本指定默认颜色、大小和字体</td>
</tr>
<tr>
<td><a href="javascript:;"><bdi></a><span class="h5support">5</span></td>
<td>隔离部分文本，这些文本的格式可能与其他文本的格式不同</td>
</tr>
<tr>
<td><a href="javascript:;"><bdo></a></td>
<td>覆盖(逆转)当前文本方向</td>
</tr>
<tr>
<td><a href="javascript:;"><big></a></td>
<td class="h5nosupport">HTML5不支持。用CSS代替。定义字体大文本</td>
</tr>
<tr>
<td><a href="javascript:;"><blockquote></a></td>
<td>定义从另一个源引用的部分</td>
</tr>
<tr>
<td><a href="javascript:;"><body></a></td>
<td>定义文档的主体</td>
</tr>
<tr>
<td><a href="javascript:;"><br></a></td>
<td>定义单个换行符</td>
</tr>
<tr>
<td><a href="javascript:;"><button></a></td>
<td>定义可单击按钮</td>
</tr>
<tr>
<td><a href="javascript:;"><canvas></a><span class="h5support">5</span></td>
<td>用于动态地通过脚本(通常是JavaScript)绘制图形</td>
</tr>
<tr>
<td><a href="javascript:;"><caption></a></td>
<td>定义表格标题</td>
</tr>
<tr>
<td><a href="javascript:;"><center></a></td>
<td class="h5nosupport">HTML5不支持。用CSS代替。定义文字居中</td>
</tr>
<tr>
<td><a href="javascript:;"><cite></a></td>
<td>定义作品的标题</td>
</tr>
<tr>
<td><a href="javascript:;"><code></a></td>
<td>定义一段计算机代码</td>
</tr>
<tr>
<td><a href="javascript:;"><col></a></td>
<td>在<colgroup>元素中指定一列</td>
</tr>
<tr>
<td><a href="javascript:;"><colgroup></a></td>
<td>指定表中一个或多个列的一组，用于格式化</td>
</tr>
<tr>
<td><a href="javascript:;"><data></a><span class="h5support">5</span></td>
<td>用机器可读的翻译链接给定的内容</td>
</tr>
<tr>
<td><a href="javascript:;"><datalist></a><span class="h5support">5</span></td>
<td>指定输入控件的预定义选项列表</td>
</tr>
<tr>
<td><a href="javascript:;"><dd></a></td>
<td>在描述列表中定义描述</td>
</tr>
<tr>
<td><a href="javascript:;"><del></a></td>
<td>定义从文档中删除的文本</td>
</tr>
<tr>
<td><a href="javascript:;"><details></a><span class="h5support">5</span></td>
<td>定义用户可以查看或隐藏的其他详细信息</td>
</tr>
<tr>
<td><a href="javascript:;"><dfn></a></td>
<td>表示术语的定义</td>
</tr>
<tr>
<td><a href="javascript:;"><dialog></a><span class="h5support">5</span></td>
<td>定义对话框或窗口</td>
</tr>
<tr>
<td><a href="javascript:;"><dir></a></td>
<td class="h5nosupport">HTML5不支持。 用 <ul> 代替。定义目录列表</td>
</tr>
<tr>
<td><a href="javascript:;"><div></a></td>
<td>定义文档中的一个部分</td>
</tr>
<tr>
<td><a href="javascript:;"><dl></a></td>
<td>定义描述列表</td>
</tr>
<tr>
<td><a href="javascript:;"><dt></a></td>
<td>在描述列表中定义术语或名称</td>
</tr>
<tr>
<td><a href="javascript:;"><em></a></td>
<td>定义强调的文本</td>
</tr>
<tr>
<td><a href="javascript:;"><embed></a><span class="h5support">5</span></td>
<td>为外部(非html)应用程序定义容器</td>
</tr>
<tr>
<td><a href="javascript:;"><fieldset></a></td>
<td>将相关元素分组到表单中</td>
</tr>
<tr>
<td><a href="javascript:;"><figcaption></a><span class="h5support">5</span></td>
<td>为 <figure> 元素定义一个标题</td>
</tr>
<tr>
<td><a href="javascript:;"><figure></a><span class="h5support">5</span></td>
<td>指定独立的内容</td>
</tr>
<tr>
<td><a href="javascript:;"><font></a></td>
<td class="h5nosupport">HTML5不支持。用CSS代替。为文本定义字体、颜色和大小</td>
</tr>
<tr>
<td><a href="javascript:;"><footer></a><span class="h5support">5</span></td>
<td>为文档或部分定义页脚</td>
</tr>
<tr>
<td><a href="javascript:;"><form></a></td>
<td>为用户输入定义一个HTML表单</td>
</tr>
<tr>
<td><a href="javascript:;"><frame></a></td>
<td class="h5nosupport">HTML5不支持。 定义一个框架集中的窗口(框架)</td>
</tr>
<tr>
<td><a href="javascript:;"><frameset></a></td>
<td class="h5nosupport">HTML5不支持。定义一组框架</td>
</tr>
<tr>
<td><a href="javascript:;"><h1>-<h6></a></td>
<td>定义HTML标题</td>
</tr>
<tr>
<td><a href="javascript:;"><head></a></td>
<td>定义关于文档的信息</td>
</tr>
<tr>
<td><a href="javascript:;"><header></a><span class="h5support">5</span></td>
<td>为文档或部分定义标题</td>
</tr>
<tr>
<td><a href="javascript:;"><hr></a></td>
<td>定义内容中的水平分割线</td>
</tr>
<tr>
<td><a href="javascript:;"><html></a></td>
<td>定义HTML文档的根</td>
</tr>
<tr>
<td><a href="javascript:;"><i></a></td>
<td>用另一种声音或语气定义文本的一部分</td>
</tr>
<tr>
<td><a href="javascript:;"><iframe></a></td>
<td>定义内联帧</td>
</tr>
<tr>
<td><a href="javascript:;"><img></a></td>
<td>定义了一张图片</td>
</tr>
<tr>
<td><a href="javascript:;"><input></a></td>
<td>定义一个输入控件</td>
</tr>
<tr>
<td><a href="javascript:;"><ins></a></td>
<td>定义已插入到文档中的文本</td>
</tr>
<tr>
<td><a href="javascript:;"><kbd></a></td>
<td>定义了键盘输入</td>
</tr>
<tr>
<td><a href="javascript:;"><label></a></td>
<td>为<input> 元素定义一个标签</td>
</tr>
<tr>
<td><a href="javascript:;"><legend></a></td>
<td>为<fieldset> 元素定义一个标题</td>
</tr>
<tr>
<td><a href="javascript:;"><li></a></td>
<td>定义列表项</td>
</tr>
<tr>
<td><a href="javascript:;"><link></a></td>
<td>定义文档和外部资源之间的关系(通常用于链接到样式表)</td>
</tr>
<tr>
<td><a href="javascript:;"><main></a><span class="h5support">5</span></td>
<td>指定文档的主要内容</td>
</tr>
<tr>
<td><a href="javascript:;"><map></a></td>
<td>定义客户端图片映射</td>
</tr>
<tr>
<td><a href="javascript:;"><mark></a><span class="h5support">5</span></td>
<td>定义了标记/突出显示的文本</td>
</tr>
<tr>
<td><a href="javascript:;"><meta></a></td>
<td>定义关于HTML文档的元数据</td>
</tr>
<tr>
<td><a href="javascript:;"><meter></a><span class="h5support">5</span></td>
<td>在已知范围内定义标量测量(一个量规)</td>
</tr>
<tr>
<td><a href="javascript:;"><nav></a><span class="h5support">5</span></td>
<td>定义导航链接</td>
</tr>
<tr>
<td><a href="javascript:;"><noframes></a></td>
<td class="h5nosupport">HTML5不支持。为不支持frames的用户定义替代内容</td>
</tr>
<tr>
<td><a href="javascript:;"><noscript></a></td>
<td>为不支持客户端脚本的用户定义替代内容</td>
</tr>
<tr>
<td><a href="javascript:;"><object></a></td>
<td>定义嵌入对象</td>
</tr>
<tr>
<td><a href="javascript:;"><ol></a></td>
<td>定义有序列表</td>
</tr>
<tr>
<td><a href="javascript:;"><optgroup></a></td>
<td>在下拉列表中定义一组相关选项</td>
</tr>
<tr>
<td><a href="javascript:;"><option></a></td>
<td>在下拉列表中定义一个选项</td>
</tr>
<tr>
<td><a href="javascript:;"><output></a><span class="h5support">5</span></td>
<td>定义计算结果</td>
</tr>
<tr>
<td><a href="javascript:;"><p></a></td>
<td>定义了一个段落</td>
</tr>
<tr>
<td><a href="javascript:;"><param></a></td>
<td>定义对象的参数</td>
</tr>
<tr>
<td><a href="javascript:;"><picture></a><span class="h5support">5</span></td>
<td>为多个映像资源定义容器</td>
</tr>
<tr>
<td><a href="javascript:;"><pre></a></td>
<td>定义预格式化的文本</td>
</tr>
<tr>
<td><a href="javascript:;"><progress></a><span class="h5support">5</span></td>
<td>表示任务的进度</td>
</tr>
<tr>
<td><a href="javascript:;"><q></a></td>
<td>定义一个简短的引用</td>
</tr>
<tr>
<td><a href="javascript:;"><rp></a><span class="h5support">5</span></td>
<td>定义在不支持ruby注释的浏览器中显示的内容</td>
</tr>
<tr>
<td><a href="javascript:;"><rt></a><span class="h5support">5</span></td>
<td>定义字符的解释/发音(用于东亚排版)</td>
</tr>
<tr>
<td><a href="javascript:;"><ruby></a><span class="h5support">5</span></td>
<td>定义一个ruby注释(用于东亚排版)</td>
</tr>
<tr>
<td><a href="javascript:;"><s></a></td>
<td>定义不再正确的文本</td>
</tr>
<tr>
<td><a href="javascript:;"><samp></a></td>
<td>定义计算机程序的示例输出</td>
</tr>
<tr>
<td><a href="javascript:;"><script></a></td>
<td>定义客户端脚本</td>
</tr>
<tr>
<td><a href="javascript:;"><section></a><span class="h5support">5</span></td>
<td>定义文档中的一个部分</td>
</tr>
<tr>
<td><a href="javascript:;"><select></a></td>
<td>定义下拉列表</td>
</tr>
<tr>
<td><a href="javascript:;"><small></a></td>
<td>定义了较小的文本</td>
</tr>
<tr>
<td><a href="javascript:;"><source></a><span class="h5support">5</span></td>
<td>为媒体元素(<video> 和 <audio>)定义多个媒体源</td>
</tr>
<tr>
<td><a href="javascript:;"><span></a></td>
<td>定义文档中的一个部分</td>
</tr>
<tr>
<td><a href="javascript:;"><strike></a></td>
<td class="h5nosupport">HTML5不支持。 用 <del> or <s> 代替。定义加删除线的文本</td>
</tr>
<tr>
<td><a href="javascript:;"><strong></a></td>
<td>定义重要的文本</td>
</tr>
<tr>
<td><a href="javascript:;"><style></a></td>
<td>定义文档的样式信息</td>
</tr>
<tr>
<td><a href="javascript:;"><sub></a></td>
<td>定义下标文本</td>
</tr>
<tr>
<td><a href="javascript:;"><summary></a><span class="h5support">5</span></td>
<td>为<details>元素定义可见标题</td>
</tr>
<tr>
<td><a href="javascript:;"><sup></a></td>
<td>定义上标文本</td>
</tr>
<tr>
<td><a href="javascript:;"><svg></a></td>
<td>定义SVG图形的容器</td>
</tr>
<tr>
<td><a href="javascript:;"><table></a></td>
<td>定义了一个表格</td>
</tr>
<tr>
<td><a href="javascript:;"><tbody></a></td>
<td>在表中对正文内容进行分组</td>
</tr>
<tr>
<td><a href="javascript:;"><td></a></td>
<td>定义表中的单元格</td>
</tr>
<tr>
<td><a href="javascript:;"><template></a><span class="h5support">5</span></td>
<td>定义了一个模板</td>
</tr>
<tr>
<td><a href="javascript:;"><textarea></a></td>
<td>定义多行输入控件(文本区域)</td>
</tr>
<tr>
<td><a href="javascript:;"><tfoot></a></td>
<td>将表中的页脚内容分组</td>
</tr>
<tr>
<td><a href="javascript:;"><th></a></td>
<td>在表中定义标题单元格</td>
</tr>
<tr>
<td><a href="javascript:;"><thead></a></td>
<td>将表中的标头内容分组</td>
</tr>
<tr>
<td><a href="javascript:;"><time></a><span class="h5support">5</span></td>
<td>定义了一个日期/时间</td>
</tr>
<tr>
<td><a href="javascript:;"><title></a></td>
<td>为文档定义标题</td>
</tr>
<tr>
<td><a href="javascript:;"><tr></a></td>
<td>定义表中的一行</td>
</tr>
<tr>
<td><a href="javascript:;"><track></a><span class="h5support">5</span></td>
<td>为媒体元素 (<video> 和 <audio>)定义文本跟踪</td>
</tr>
<tr>
<td><a href="javascript:;"><tt></a></td>
<td class="h5nosupport">HTML5不支持。用CSS代替。定义了电传文本</td>
</tr>
<tr>
<td><a href="javascript:;"><u></a></td>
<td>定义与普通文本在文体上不同的文本</td>
</tr>
<tr>
<td><a href="javascript:;"><ul></a></td>
<td>定义无序列表</td>
</tr>
<tr>
<td><a href="javascript:;"><var></a></td>
<td>定义了一个变量</td>
</tr>
<tr>
<td><a href="javascript:;"><video></a><span class="h5support">5</span></td>
<td>定义视频或电影</td>
</tr>
<tr>
<td><a href="javascript:;"><wbr></a><span class="h5support">5</span></td>
<td>定义可能的换行符</td>
</tr>
</tbody>
</table>
## **按类别排序的HTML标签**
**基本的HTML元素**
<table class="layui-table">
<colgroup>
<col width="20%">
<col width="80%">
</colgroup>
<thead>
<tr>
<th>标签</th>
<th>描述</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="javascript:;"><!DOCTYPE></a></td>
<td>定义文档类型</td>
</tr>
<tr>
<td><a href="javascript:;"><html></a></td>
<td>定义HTML文档的根</td>
</tr>
<tr>
<td><a href="javascript:;"><head></a></td>
<td>定义关于文档的信息</td>
</tr>
<tr>
<td><a href="javascript:;"><title></a></td>
<td>为文档定义标题</td>
</tr>
<tr>
<td><a href="javascript:;"><body></a></td>
<td>定义文档的主体</td>
</tr>
<tr>
<td><a href="javascript:;"><h1>-<h6></a></td>
<td>定义HTML标题</td>
</tr>
<tr>
<td><a href="javascript:;"><p></a></td>
<td>定义了一个段落</td>
</tr>
<tr>
<td><a href="javascript:;"><br></a></td>
<td>定义单个换行符</td>
</tr>
<tr>
<td><a href="javascript:;"><hr></a></td>
<td>定义内容中的水平分割线</td>
</tr>
<tr>
<td><a href="javascript:;"><!--...--></a></td>
<td>定义注释</td>
</tr>
</tbody>
</table>
**格式化文本**
<table class="layui-table">
<colgroup>
<col width="20%">
<col width="80%">
</colgroup>
<thead>
<tr>
<th>标签</th>
<th>描述</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="javascript:;"><acronym></a></td>
<td class="h5nosupport">HTML5不支持。用 <abbr> 代替。 定义首字母缩写</td>
</tr>
<tr>
<td><a href="javascript:;"><abbr></a></td>
<td>定义缩写或缩写词</td>
</tr>
<tr>
<td><a href="javascript:;"><address></a></td>
<td>为文档的作者/所有者定义联系信息</td>
</tr>
<tr>
<td><a href="javascript:;"><b></a></td>
<td>定义粗体文字</td>
</tr>
<tr>
<td><a href="javascript:;"><bdi></a><span class="h5support">5</span></td>
<td>隔离部分文本，这些文本的格式可能与其他文本的格式不同</td>
</tr>
<tr>
<td><a href="javascript:;"><bdo></a></td>
<td>覆盖(逆转)当前文本方向</td>
</tr>
<tr>
<td><a href="javascript:;"><big></a></td>
<td class="h5nosupport">HTML5不支持。用CSS代替。定义字体大文本</td>
</tr>
<tr>
<td><a href="javascript:;"><blockquote></a></td>
<td>定义从另一个源引用的部分</td>
</tr>
<tr>
<td><a href="javascript:;"><center></a></td>
<td class="h5nosupport">HTML5不支持。用CSS代替。定义文字居中</td>
</tr>
<tr>
<td><a href="javascript:;"><cite></a></td>
<td>定义作品的标题</td>
</tr>
<tr>
<td><a href="javascript:;"><code></a></td>
<td>定义一段计算机代码</td>
</tr>
<tr>
<td><a href="javascript:;"><del></a></td>
<td>定义从文档中删除的文本</td>
</tr>
<tr>
<td><a href="javascript:;"><dfn></a></td>
<td>表示术语的定义</td>
</tr>
<tr>
<td><a href="javascript:;"><em></a></td>
<td>定义强调的文本</td>
</tr>
<tr>
<td><a href="javascript:;"><font></a></td>
<td class="h5nosupport">HTML5不支持。用CSS代替。为文本定义字体、颜色和大小</td>
</tr>
<tr>
<td><a href="javascript:;"><i></a></td>
<td>用另一种声音或语气定义文本的一部分</td>
</tr>
<tr>
<td><a href="javascript:;"><ins></a></td>
<td>定义已插入到文档中的文本</td>
</tr>
<tr>
<td><a href="javascript:;"><kbd></a></td>
<td>定义了键盘输入</td>
</tr>
<tr>
<td><a href="javascript:;"><mark></a><span class="h5support">5</span></td>
<td>定义了标记/突出显示的文本</td>
</tr>
<tr>
<td><a href="javascript:;"><meter></a><span class="h5support">5</span></td>
<td>在已知范围内定义标量测量(一个量规)</td>
</tr>
<tr>
<td><a href="javascript:;"><pre></a></td>
<td>定义预格式化的文本</td>
</tr>
<tr>
<td><a href="javascript:;"><progress></a><span class="h5support">5</span></td>
<td>表示任务的进度</td>
</tr>
<tr>
<td><a href="javascript:;"><q></a></td>
<td>定义一个简短的引用</td>
</tr>
<tr>
<td><a href="javascript:;"><rp></a><span class="h5support">5</span></td>
<td>定义在不支持ruby注释的浏览器中显示的内容</td>
</tr>
<tr>
<td><a href="javascript:;"><rt></a><span class="h5support">5</span></td>
<td>定义字符的解释/发音(用于东亚排版)</td>
</tr>
<tr>
<td><a href="javascript:;"><ruby></a><span class="h5support">5</span></td>
<td>定义一个ruby注释(用于东亚排版)</td>
</tr>
<tr>
<td><a href="javascript:;"><s></a></td>
<td>定义不再正确的文本</td>
</tr>
<tr>
<td><a href="javascript:;"><samp></a></td>
<td>定义计算机程序的示例输出</td>
</tr>
<tr>
<td><a href="javascript:;"><small></a></td>
<td>定义了较小的文本</td>
</tr>
<tr>
<td><a href="javascript:;"><strike></a></td>
<td class="h5nosupport">HTML5不支持。 用 <del> or <s> 代替。定义加删除线的文本</td>
</tr>
<tr>
<td><a href="javascript:;"><strong></a></td>
<td>定义重要的文本</td>
</tr>
<tr>
<td><a href="javascript:;"><sub></a></td>
<td>定义下标文本</td>
</tr>
<tr>
<td><a href="javascript:;"><sup></a></td>
<td>定义上标文本</td>
</tr>
<tr>
<td><a href="javascript:;"><template></a><span class="h5support">5</span></td>
<td>定义了一个模板</td>
</tr>
<tr>
<td><a href="javascript:;"><time></a><span class="h5support">5</span></td>
<td>定义了一个日期/时间</td>
</tr>
<tr>
<td><a href="javascript:;"><tt></a></td>
<td class="h5nosupport">HTML5不支持。用CSS代替。定义了电传文本</td>
</tr>
<tr>
<td><a href="javascript:;"><u></a></td>
<td>定义与普通文本在文体上不同的文本</td>
</tr>
<tr>
<td><a href="javascript:;"><var></a></td>
<td>定义了一个变量</td>
</tr>
<tr>
<td><a href="javascript:;"><wbr></a><span class="h5support">5</span></td>
<td>定义可能的换行符</td>
</tr>
</tbody>
</table>
**表单输入**
<table class="layui-table">
<colgroup>
<col width="20%">
<col width="80%">
</colgroup>
<thead>
<tr>
<th>标签</th>
<th>描述</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="javascript:;"><button></a></td>
<td>定义可单击按钮</td>
</tr>
<tr>
<td><a href="javascript:;"><datalist></a><span class="h5support">5</span></td>
<td>指定输入控件的预定义选项列表</td>
</tr>
<tr>
<td><a href="javascript:;"><fieldset></a></td>
<td>将相关元素分组到表单中</td>
</tr>
<tr>
<td><a href="javascript:;"><form></a></td>
<td>为用户输入定义一个HTML表单</td>
</tr>
<tr>
<td><a href="javascript:;"><input></a></td>
<td>定义一个输入控件</td>
</tr>
<tr>
<td><a href="javascript:;"><label></a></td>
<td>为<input> 元素定义一个标签</td>
</tr>
<tr>
<td><a href="javascript:;"><legend></a></td>
<td>为<fieldset> 元素定义一个标题</td>
</tr>
<tr>
<td><a href="javascript:;"><optgroup></a></td>
<td>在下拉列表中定义一组相关选项</td>
</tr>
<tr>
<td><a href="javascript:;"><option></a></td>
<td>在下拉列表中定义一个选项</td>
</tr>
<tr>
<td><a href="javascript:;"><output></a><span class="h5support">5</span></td>
<td>定义计算结果</td>
</tr>
<tr>
<td><a href="javascript:;"><select></a></td>
<td>定义下拉列表</td>
</tr>
<tr>
<td><a href="javascript:;"><textarea></a></td>
<td>定义多行输入控件(文本区域)</td>
</tr>
</tbody>
</table>
**框架**
<table class="layui-table">
<colgroup>
<col width="20%">
<col width="80%">
</colgroup>
<thead>
<tr>
<th>标签</th>
<th>描述</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="javascript:;"><frame></a></td>
<td class="h5nosupport">HTML5不支持。 定义一个框架集中的窗口(框架)</td>
</tr>
<tr>
<td><a href="javascript:;"><frameset></a></td>
<td class="h5nosupport">HTML5不支持。定义一组框架</td>
</tr>
<tr>
<td><a href="javascript:;"><iframe></a></td>
<td>定义内联帧</td>
</tr>
<tr>
<td><a href="javascript:;"><noframes></a></td>
<td class="h5nosupport">HTML5不支持。为不支持frames的用户定义替代内容</td>
</tr>
</tbody>
</table>
**图片**
<table class="layui-table">
<colgroup>
<col width="20%">
<col width="80%">
</colgroup>
<thead>
<tr>
<th>标签</th>
<th>描述</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="javascript:;"><area></a></td>
<td>定义图像映射中的区域</td>
</tr>
<tr>
<td><a href="javascript:;"><canvas></a><span class="h5support">5</span></td>
<td>用于动态地通过脚本(通常是JavaScript)绘制图形</td>
</tr>
<tr>
<td><a href="javascript:;"><figcaption></a><span class="h5support">5</span></td>
<td>为 <figure> 元素定义一个标题</td>
</tr>
<tr>
<td><a href="javascript:;"><figure></a><span class="h5support">5</span></td>
<td>指定独立的内容</td>
</tr>
<tr>
<td><a href="javascript:;"><img></a></td>
<td>定义了一张图片</td>
</tr>
<tr>
<td><a href="javascript:;"><map></a></td>
<td>定义客户端图片映射</td>
</tr>
<tr>
<td><a href="javascript:;"><picture></a><span class="h5support">5</span></td>
<td>为多个映像资源定义容器</td>
</tr>
<tr>
<td><a href="javascript:;"><svg></a></td>
<td>定义SVG图形的容器</td>
</tr>
</tbody>
</table>
**音频视频**
<table class="layui-table">
<colgroup>
<col width="20%">
<col width="80%">
</colgroup>
<thead>
<tr>
<th>标签</th>
<th>描述</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="javascript:;"><audio></a><span class="h5support">5</span></td>
<td>定义声音内容</td>
</tr>
<tr>
<td><a href="javascript:;"><source></a><span class="h5support">5</span></td>
<td>为媒体元素(<video> 和 <audio>)定义多个媒体源</td>
</tr>
<tr>
<td><a href="javascript:;"><track></a><span class="h5support">5</span></td>
<td>为媒体元素 (<video> 和 <audio>)定义文本跟踪</td>
</tr>
<tr>
<td><a href="javascript:;"><video></a><span class="h5support">5</span></td>
<td>定义视频或电影</td>
</tr>
</tbody>
</table>
**链接**
<table class="layui-table">
<colgroup>
<col width="20%">
<col width="80%">
</colgroup>
<thead>
<tr>
<th>标签</th>
<th>描述</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="javascript:;"><a></a></td>
<td>定义超链接</td>
</tr>
<tr>
<td><a href="javascript:;"><link></a></td>
<td>定义文档和外部资源之间的关系(通常用于链接到样式表)</td>
</tr>
<tr>
<td><a href="javascript:;"><nav></a><span class="h5support">5</span></td>
<td>定义导航链接</td>
</tr>
</tbody>
</table>
**清单**
<table class="layui-table">
<colgroup>
<col width="20%">
<col width="80%">
</colgroup>
<thead>
<tr>
<th>标签</th>
<th>描述</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="javascript:;"><dd></a></td>
<td>在描述列表中定义描述</td>
</tr>
<tr>
<td><a href="javascript:;"><dir></a></td>
<td class="h5nosupport">HTML5不支持。 用 <ul> 代替。定义目录列表</td>
</tr>
<tr>
<td><a href="javascript:;"><dl></a></td>
<td>定义描述列表</td>
</tr>
<tr>
<td><a href="javascript:;"><dt></a></td>
<td>在描述列表中定义术语或名称</td>
</tr>
<tr>
<td><a href="javascript:;"><li></a></td>
<td>定义列表项</td>
</tr>
<tr>
<td><a href="javascript:;"><ol></a></td>
<td>定义有序列表</td>
</tr>
<tr>
<td><a href="javascript:;"><ul></a></td>
<td>定义无序列表</td>
</tr>
</tbody>
</table>
**表格**
<table class="layui-table">
<colgroup>
<col width="20%">
<col width="80%">
</colgroup>
<thead>
<tr>
<th>标签</th>
<th>描述</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="javascript:;"><table></a></td>
<td>定义了一个表格</td>
</tr>
<tr>
<td><a href="javascript:;"><caption></a></td>
<td>定义表格标题</td>
</tr>
<tr>
<td><a href="javascript:;"><th></a></td>
<td>在表中定义标题单元格</td>
</tr>
<tr>
<td><a href="javascript:;"><tr></a></td>
<td>定义表中的一行</td>
</tr>
<tr>
<td><a href="javascript:;"><td></a></td>
<td>定义表中的单元格</td>
</tr>
<tr>
<td><a href="javascript:;"><thead></a></td>
<td>将表中的标头内容分组</td>
</tr>
<tr>
<td><a href="javascript:;"><tfoot></a></td>
<td>将表中的页脚内容分组</td>
</tr>
<tr>
<td><a href="javascript:;"><tbody></a></td>
<td>在表中对正文内容进行分组</td>
</tr>
<tr>
<td><a href="javascript:;"><col></a></td>
<td>在<colgroup>元素中指定一列</td>
</tr>
<tr>
<td><a href="javascript:;"><colgroup></a></td>
<td>指定表中一个或多个列的一组，用于格式化</td>
</tr>
</tbody>
</table>
**样式和语义**
<table class="layui-table">
<colgroup>
<col width="20%">
<col width="80%">
</colgroup>
<thead>
<tr>
<th>标签</th>
<th>描述</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="javascript:;"><style></a></td>
<td>定义文档的样式信息</td>
</tr>
<tr>
<td><a href="javascript:;"><div></a></td>
<td>定义文档中的一个部分</td>
</tr>
<tr>
<td><a href="javascript:;"><span></a></td>
<td>定义文档中的一个部分</td>
</tr>
<tr>
<td><a href="javascript:;"><header></a><span class="h5support">5</span></td>
<td>为文档或部分定义标题</td>
</tr>
<tr>
<td><a href="javascript:;"><footer></a><span class="h5support">5</span></td>
<td>为文档或部分定义页脚</td>
</tr>
<tr>
<td><a href="javascript:;"><main></a><span class="h5support">5</span></td>
<td>指定文档的主要内容</td>
</tr>
<tr>
<td><a href="javascript:;"><section></a><span class="h5support">5</span></td>
<td>定义文档中的一个部分</td>
</tr>
<tr>
<td><a href="javascript:;"><article></a><span class="h5support">5</span></td>
<td>定义文章</td>
</tr>
<tr>
<td><a href="javascript:;"><aside></a><span class="h5support">5</span></td>
<td>定义旁边的内容</td>
</tr>
<tr>
<td><a href="javascript:;"><details></a><span class="h5support">5</span></td>
<td>定义用户可以查看或隐藏的其他详细信息</td>
</tr>
<tr>
<td><a href="javascript:;"><dialog></a><span class="h5support">5</span></td>
<td>定义对话框或窗口</td>
</tr>
<tr>
<td><a href="javascript:;"><summary></a><span class="h5support">5</span></td>
<td>为<details>元素定义可见标题</td>
</tr>
<tr>
<td><a href="javascript:;"><data></a><span class="h5support">5</span></td>
<td>用机器可读的翻译链接给定的内容</td>
</tr>
</tbody>
</table>
**程序设计**
<table class="layui-table">
<colgroup>
<col width="20%">
<col width="80%">
</colgroup>
<thead>
<tr>
<th>标签</th>
<th>描述</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="javascript:;"><applet></a></td>
<td class="h5nosupport">HTML5不支持。用 <embed> 或 <object> 代替。定义嵌入的applet</td>
</tr>
<tr>
<td><a href="javascript:;"><embed></a><span class="h5support">5</span></td>
<td>为外部(非html)应用程序定义容器</td>
</tr>
<tr>
<td><a href="javascript:;"><noscript></a></td>
<td>为不支持客户端脚本的用户定义替代内容</td>
</tr>
<tr>
<td><a href="javascript:;"><object></a></td>
<td>定义嵌入对象</td>
</tr>
<tr>
<td><a href="javascript:;"><param></a></td>
<td>定义对象的参数</td>
</tr>
<tr>
<td><a href="javascript:;"><script></a></td>
<td>定义客户端脚本</td>
</tr>
</tbody>
</table>
- CSS
- 达到指定宽度加载css
- 选择器
- CSS 函数
- @media媒体查询
- 字体
- 图标字体
- 文本
- 光标样式cursor
- 盒子模型
- 溢出（overflow）
- 边框
- 不透明度opacity
- 背景(background)与渐变xx-gradient
- 轮廓（outline）与 阴影(box-shadow)
- 过渡属性（Transition）
- 动画属性（Animation）
- transform变形效果旋转，缩放，移动，倾斜等
- 显示、隐藏与禁用
- box-sizing与resize
- 居中对齐
- css水平居中
- css垂直居中
- 文字与相邻的元素垂直对齐
- 布局
- 高度塌陷和外边距重叠最终解决方案
- 解决float布局时高度塌陷的最终方案after伪类元素
- 子/父元素外边距重叠最终解决方案before伪类元素
- 传统布局
- position布局
- position水平居中
- position垂直居中
- position水平垂直居中
- 浮动布局
- 高度塌陷和BFC
- clear
- BFC概念及触发条件
- 表格布局
- 盒子模型布局
- 盒子水平居中布局（如margin:0 auto）
- 盒子垂直居中布局
- 相邻元素外边距重叠
- 行内元素的盒子模型
- 弹性伸缩布局flex
- 旧版本（IE不支持）
- 混合过渡版（仅IE10+生效）
- flex布局（新版）
- 多列布局columns
- grid网格布局（实验性）
- 应用与总结
- 瀑布流布局
- 流式布局(响应式布局又叫百分比布局移动端一般采用)
- 用户不能鼠标左键选择文本
- 表格
- 表单
- radio
- textarea
- select
- a连接
- ul>li有序列表与ol>li无序列表
- 伪元素
- 容器宽高100%
- 浏览器四大内核及前缀
- 移动端开发
- 长度单位与移动端
- css_移动端开发
- rem具体解决方案
- vw具体解决方案
- 兼容性问题
- 浏览器默认样式
- css预处理器
- less
- sass
- stylus
- HTML
- 标签元素
- head的子标签
- 文档元素
- 文本元素
- 嵌入元素
- 分组元素
- 表格元素
- 表单元素
- input
- 标签元素的属性
- 全局属性
- aria-*
- 事件on*
- data-*
- id
- class
- hidden
- style
- title
- draggable
- dropzone(实验性)
- dir
- autocapitalize
- contenteditable
- lang
- inputmode
- accesskey
- contextmenu（移除）
- exportparts(实验性)
- is
- itemid
- itemprop
- itemref
- itemscope
- itemtype
- XHTML遗留xml:lang和xml:base
- part（实验性）
- slot
- spellcheck（实验性）
- tabindex
- translate
- HTML字符实体
- 行内元素
- iframe和父页面相互传值,并兼容跨域问题
- a标签嵌套解决方案
- JS
- 获取宽度（offsetParent、clientWidth、clientHeight、offsetWidth、offsetheight、scrollWidth、scrollHeight、offsetTop、offsetLeft、scrollTop、scrollLeft）
- demo
- 全选和反选
- 定时器：
- 哪些HTML元素可以获得焦点？
- 事件例子
- 鼠标事件
- 注册条款
- 获取鼠标坐标
- div跟随鼠标移动
- 拖拽01
- 鼠标滚动事件
- 键盘事件
- 检查标签是否含有某个类
- 轮播图
- 数组的 交集 差集 补集 并集
- 精确计算插件
- 摇奖机
- 移动端跳转
- 基础
- js的数据类型
- 基本类型声明
- 引用类型声明及用法
- 数组
- 函数
- 对象及函数原型对象
- 继承
- js的垃圾回收机制
- javascript扩展自定义方法
- 类型转换
- 作用域（执行上下文）及递归调用
- javascript事件
- 连续调用
- 排序
- 内存溢出与内存泄漏
- 系统对象
- 内置对象
- 值属性
- Infinity
- NaN
- undefined
- globalThis
- Function 属性
- eval()
- isFinite()
- isNaN()
- parseFloat()
- parseInt()
- decodeURI()
- decodeURIComponent()
- encodeURI()
- encodeURIComponent()
- 基本对象（Object，Function，Boolean，Symbol）
- Object
- defineProperty()
- Function
- Boolean
- Symbol
- 数字和日期对象
- Number
- Date
- BigInt
- Math
- 控制抽象化
- AsyncFunction
- Generator
- GeneratorFunction
- Promise
- Web组装
- WebAssembly
- 结构化数据（JSON等）
- ArrayBuffer
- Atomics
- DataView
- JSON
- SharedArrayBuffer
- 使用键的集合对象
- Map
- Set
- WeakMap
- WeakSet
- 反射
- Reflect
- Proxy
- 可索引的集合对象(数组在这)
- Array数组
- BigInt64Array
- BigUint64Array
- Float32Array
- Float64Array
- Int16Array
- Int32Array
- Int8Array
- Uint8ClampedArray
- Uint8Array
- Uint16Array
- Uint32Array
- 国际化
- Intl
- Intl.Collator
- 文本处理(字符串与正则)
- RegExp
- String
- 错误对象
- Error
- InternalError
- AggregateError 实验性
- EvalError
- RangeError
- ReferenceError
- SyntaxError
- URIError
- TypeError
- null
- TypedArray
- escape()移除但还兼容
- unescape()移除但还生效
- uneval()非标准
- arguments
- 宿主对象（DOM与Browser）
- Browser浏览器对象（BOM）
- Window 对象
- History 对象
- Location 对象
- Navigator 对象
- Screen 对象
- 存储对象(localStorage与sessionStorage)
- DOM 节点对象
- EventTarget
- Node节点对象
- Document文档节点
- HTMLDocument(HTML对象 )
- HTML 元素接口
- Element元素节点
- Attr属性对象（与NamedNodeMap ）
- DocumentType
- DocumentFragment文档片段节点
- CharacterData
- Comment
- Text
- CDATASection
- 事件对象Event
- on-event处理器
- CustomEvent
- MouseEvent
- DragEvent
- 手势（TouchEvent触摸事件）
- 其他类型事件对象...
- CSSStyleDeclaration 对象
- HTMLCollection
- console对象
- MutationObserver
- 其他重要的对象（FormData与原生Ajax）
- FormData表单对象
- ajax XMLHttpRequest
- 表达式和运算符
- 算术运算符
- 赋值运算符
- 按位操作符
- 逗号操作符
- 比较操作符
- 条件运算符
- 解构赋值
- 函数表达式
- 圆括号运算符
- 逻辑运算符
- Nullish 合并操作符
- 对象初始化
- 运算符优先级
- 可选链
- 管道操作符 实验性
- 属性访问器
- 展开语法
- 异步函数表达式
- await
- 类表达式
- delete 操作符
- function* 表达式
- in
- instanceof
- new 运算符
- new.target
- super
- this
- typeof
- void 运算符
- yield
- yield*
- 语句和声明
- export
- default
- 控制流
- block
- break
- continue
- empty
- if...else
- switch
- throw
- try...catch
- 声明
- const
- let
- var 描述
- 函数和类
- async function
- class
- function
- function*
- return
- 迭代
- do...while
- for
- for await...of
- for...in
- for...of
- while
- 其他
- debugger
- label
- with 移除但生效
- import
- import.meta
- 函数
- 箭头函数
- 默认参数值
- 方法的定义
- 剩余参数
- Arguments 对象
- getter
- setter
- 类
- 类私有域
- 类元素
- 构造方法
- extends
- static
- Errors
- 更多
- 已废弃的特性
- JavaScript 数据结构
- 词法文法
- 属性的可枚举性和所有权
- 迭代协议
- 严格模式
- 切换到严格模式
- 模板字符串
- ES6(ES2015)
- Es6函数写法
- 类class
- 导入导出模块
- 兼容ES5
- 变量声明
- Symbol新数据类型
- 迭代器（自定义遍历数组）
- 生成器
- Promise异步编程
- set(集合)
- Map
- 数组新增4个方法
- 手机端事件
- bootstrap手册
- 代码压缩打包
- Webpack
- 五个核心概念
- 开始
- loader
- 插件
- webpack开发环境配置
- 打包含css文件的项目
- 打包html资源
- 打包图片资源
- 打包其他文件
- devServer（实时自动化打包）
- 总结：开发环境配置
- webpack生产环境配置
- 提取css成单独文件
- css兼容性处理
- 压缩css
- js语法检查
- js兼容性处理
- js压缩
- html压缩
- 总结：生产环境配置
- webpack优化环境配置
- HMR( 模块热替换)
- source-map
- oneOf
- 缓存
- tree shaking
- code split
- demo1
- demo2
- demo3
- lazy loading
- pwa
- 多进程打包
- externals
- dll
- webpack配置详解
- entry
- output
- module
- resolve
- dev server
- optimization
- vite
- 技能
- 前端学习路线
- 调试
- 多个版本IE浏览器（调试用）
- 手机端调试
- vueJS
- Element UI（一个vuejs组件）
- 浏览器插件开发
- 插件推荐
- 扩展文件manifest.json
- 不可视的background(常驻)页面
- 可视页面browser actions与page actions及八种展示方式
- 使用chrome.xxx API
- Google Chrome扩展与Web页面/服务器之间的交互
- Google Chrome扩展中的页面之间的数据通信
- inject-script
- chromeAPI
- pageAction
- alarms
- chrome.tabs
- chrome.runtime
- chrome.webRequest
- chrome.window
- chrome.storage
- chrome.contextMenus
- chrome.devtools
- chrome.extension
- 分类
- homepage_url 开发者或者插件主页
- 5种类型的JS对比及消息通信
- 其它补充
- 谷歌浏览器截屏
- 框架及工具
- 前端UI设计网站
- 网页中使用Unicode字符