**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字符