HTML5所有元素
這里列出了所有標(biāo)準(zhǔn)化的，有效的 HTML5 元素。
文檔元數(shù)據(jù)
| Element | Description |
|---|---|
| <head> | 代表關(guān)于文檔元數(shù)據(jù)的一個(gè)集合，包括腳本或樣式表的鏈接或內(nèi)容。 |
| <title> | 定義文檔的標(biāo)題，將顯示在瀏覽器的標(biāo)題欄或標(biāo)簽頁(yè)上。該元素只能包含文本，包含的標(biāo)簽不會(huì)被解釋。 |
| <base> | 定義頁(yè)面上相對(duì) URL 的基準(zhǔn) URL。 |
| <link> | 用于鏈接外部的 CSS 到該文檔。 |
| <meta> | 定義其他 HTML 元素?zé)o法描述的元數(shù)據(jù)。 |
| <style> | 用于內(nèi)聯(lián) CSS。 |
腳本
| Element | Description |
|---|---|
| <script> | 定義一個(gè)內(nèi)聯(lián)腳本或鏈接到外部腳本。腳本語(yǔ)言是 JavaScript。 |
| <noscript> | 定義當(dāng)瀏覽器不支持腳本時(shí)顯示的替代文字。 |
| <template> | 通過(guò) JavaScript 在運(yùn)行時(shí)實(shí)例化內(nèi)容的容器。 |
章節(jié)
| Element | Description |
|---|---|
| <body> | 代表 HTML 文檔的內(nèi)容。在文檔中只能有一個(gè) <body> 元素。 |
| <section> | 定義文檔中的一個(gè)章節(jié)。 |
| <nav> | 定義只包含導(dǎo)航鏈接的章節(jié)。 |
| <article> | 定義可以獨(dú)立于內(nèi)容其余部分的完整獨(dú)立內(nèi)容塊。 |
| <aside> | 定義和頁(yè)面內(nèi)容關(guān)聯(lián)度較低的內(nèi)容——如果被刪除，剩下的內(nèi)容仍然很合理。 |
| <h1>,<h2>,<h3>,<h4>,<h5>,<h6> | 標(biāo)題元素實(shí)現(xiàn)了六層文檔標(biāo)題，<h1> 是最大的標(biāo)題，<h6> 是最小的標(biāo)題。標(biāo)題元素簡(jiǎn)要地描述章節(jié)的主題。 |
| <header> | 定義頁(yè)面或章節(jié)的頭部。它經(jīng)常包含 logo、頁(yè)面標(biāo)題和導(dǎo)航性的目錄。 |
| <footer> | 定義頁(yè)面或章節(jié)的尾部。它經(jīng)常包含版權(quán)信息、法律信息鏈接和反饋建議用的地址。 |
| <address> | 定義包含聯(lián)系信息的一個(gè)章節(jié)。 |
| <main> | 定義文檔中主要或重要的內(nèi)容。 |
組織內(nèi)容
| Element | Description |
|---|---|
| <p> | 定義一個(gè)段落。 |
| 代表章節(jié)、文章或其他長(zhǎng)內(nèi)容中段落之間的分隔符。 | |
| <pre> | 代表其內(nèi)容已經(jīng)預(yù)先排版過(guò)，格式應(yīng)當(dāng)保留 。 |
| <blockquote> | 代表引用自其他來(lái)源的內(nèi)容。 |
| <ol> | 定義一個(gè)有序列表。 |
| <ul> | 定義一個(gè)無(wú)序列表。 |
| <li> | 定義列表中的一個(gè)列表項(xiàng)。 |
| <dl> | 定義一個(gè)定義列表（一系列術(shù)語(yǔ)和其定義）。 |
| <dt> | 代表一個(gè)由下一個(gè) <dd> 定義的術(shù)語(yǔ)。 |
| <dd> | 代表出現(xiàn)在它之前術(shù)語(yǔ)的定義。 |
| <figure> | 代表一個(gè)和文檔有關(guān)的圖例。 |
| <figcaption> | 代表一個(gè)圖例的說(shuō)明。 |
| <div> | 代表一個(gè)通用的容器，沒(méi)有特殊含義。 |
文字形式
| Element | Description |
|---|---|
| <a> | 代表一個(gè)鏈接到其他資源的超鏈接 。 |
| <em> | 代表強(qiáng)調(diào) 文字。 |
| <strong> | 代表特別重要 文字。 |
| <small> | 代表注釋 ，如免責(zé)聲明、版權(quán)聲明等，對(duì)理解文檔不重要。 |
| <s> | 代表不準(zhǔn)確或不相關(guān) 的內(nèi)容。 |
| <cite> | 代表作品標(biāo)題 。 |
| <q> | 代表內(nèi)聯(lián)的引用 。 |
| <dfn> | 代表一個(gè)術(shù)語(yǔ)包含在其最近祖先內(nèi)容中的定義 。 |
| <abbr> | 代表省略 或縮寫 ，其完整內(nèi)容在 title 屬性中。 |
| <data> | 關(guān)聯(lián)一個(gè)內(nèi)容的機(jī)器可讀的等價(jià)形式 （該元素只在 WHATWG 版本的 HTML 標(biāo)準(zhǔn)中，不在 W3C 版本的 HTML5 標(biāo)準(zhǔn)中）。 |
| <time> | 代表日期 和時(shí)間 值；機(jī)器可讀的等價(jià)形式通過(guò) datetime 屬性指定。 |
| <code> | 代表計(jì)算機(jī)代碼 。 |
| <var> | 代表代碼中的變量 。 |
| <samp> | 代表程序或電腦的輸出 。 |
| <kbd> | 代表用戶輸入 ，一般從鍵盤輸出，但也可以代表其他輸入，如語(yǔ)音輸入。 |
| 分別代表下標(biāo) 和上標(biāo) 。 | |
| <i> | 代表一段不同性質(zhì) 的文字，如技術(shù)術(shù)語(yǔ)、外文短語(yǔ)等。 |
| <b> | 代表一段需要被關(guān)注 的文字。 |
| <u> | 代表一段需要下劃線呈現(xiàn)的文本注釋，如標(biāo)記出拼寫錯(cuò)誤的文字等。 |
| <mark> | 代表一段需要被高亮的引用 文字。 |
| <ruby> | 代表被ruby 注釋 標(biāo)記的文本，如中文漢字和它的拼音。 |
| <rt> | 代表ruby 注釋 ，如中文拼音。 |
| <rp> | 代表 ruby 注釋兩邊的額外插入文本 ，用于在不支持 ruby 注釋顯示的瀏覽器中提供友好的注釋顯示。 |
| <bdi> | 代表需要脫離 父元素文本方向的一段文本。它允許嵌入一段不同或未知文本方向格式的文本。 |
| <bdo> | 指定子元素的文本方向 ，顯式地覆蓋默認(rèn)的文本方向。 |
| <span> | 代表一段沒(méi)有特殊含義的文本，當(dāng)其他語(yǔ)義元素都不適合文本時(shí)候可以使用該元素。 |
| 代表換行 。 | |
| <wbr> | 代表建議換行 (Word Break Opportunity) ，當(dāng)文本太長(zhǎng)需要換行時(shí)將會(huì)在此處添加換行符。 |
編輯
| Element | Description |
|---|---|
| <ins> | 定義增加 到文檔的內(nèi)容。 |
| <del> | 定義從文檔移除 的內(nèi)容。 |
嵌入內(nèi)容
| Element | Description |
|---|---|
| <img> | 代表一張圖片 。 |
| <iframe> | 代表一個(gè)內(nèi)聯(lián)的框架 。 |
| <embed> | 代表一個(gè)嵌入 的外部資源，如應(yīng)用程序或交互內(nèi)容。 |
| <object> | 代表一個(gè)外部資源 ，如圖片、HTML 子文檔、插件等。 |
| <param> | 代表 <object> 元素所指定的插件的參數(shù) 。 |
| <video> | 代表一段視頻 及其視頻文件和字幕，并提供了播放視頻的用戶界面。 |
| <audio> | 代表一段聲音 ，或音頻流 。 |
| <source> | 為 <video> 或 <audio> 這類媒體元素指定媒體源 。 |
| <track> | 為 <video> 或 <audio> 這類媒體元素指定文本軌道（字幕） 。 |
| <canvas> | 代表位圖區(qū)域 ，可以通過(guò)腳本在它上面實(shí)時(shí)呈現(xiàn)圖形，如圖表、游戲繪圖等。 |
| <map> | 與 <area> 元素共同定義圖像映射 區(qū)域。 |
| <area> | 與 <map> 元素共同定義圖像映射 區(qū)域。 |
| <svg> | 定義一個(gè)嵌入式矢量圖 。 |
| <math | 定義一段數(shù)學(xué)公式 。 |
表格
| Element | Description |
|---|---|
| <table> | 定義多維數(shù)據(jù) 。 |
| <caption> | 代表表格的標(biāo)題 。 |
| <colgroup> | 代表表格中一組單列或多列 。 |
| <col> | 代表表格中一塊具體數(shù)據(jù) （表格主體）。 |
| <thead> | 代表表格中一塊列標(biāo)簽 （表頭）。 |
| <tfoot> | 代表表格中一塊列摘要 （表尾）。 |
| <tr> | 代表表格中的行 。 |
| <td> | 代表表格中的單元格 。 |
| <th> | 代表表格中的頭部單元格 。 |
表單
| Element | Description |
|---|---|
| <form> | 代表一個(gè)表單 ，由控件組成。 |
| <fieldset> | 代表控件組 。 |
| <legend> | 代表 <fieldset> 控件組的標(biāo)題 。 |
| <label> | 代表表單控件的標(biāo)題 。 |
| <input> | 代表允許用戶編輯數(shù)據(jù)的數(shù)據(jù)區(qū) （文本框、單選框、復(fù)選框等）。 |
| <button> | 代表下拉框 。 |
| <datalist> | 代表提供給其他控件的一組預(yù)定義選項(xiàng) 。 |
| <optgroup> | 代表一個(gè)選項(xiàng)分組 。 |
| <option> | 代表一個(gè) <select> 元素或 <datalist> 元素中的一個(gè)選項(xiàng)
|
| <textarea> | 代表多行文本框 。 |
| <keygen> | 代表一個(gè)密鑰對(duì)生成器 控件。 |
| <output> | 代表計(jì)算值 。 |
| <progress> | 代表進(jìn)度條 。 |
| <meter> | 代表滑動(dòng)條 。 |
交互元素
| Element | Description |
|---|---|
| <details> | 代表一個(gè)用戶可以(點(diǎn)擊)獲取額外信息或控件的小部件 。 |
| <summary> | 代表 <details> 元素的綜述 或標(biāo)題 。 |
| <menuitem> | 代表一個(gè)用戶可以點(diǎn)擊的菜單項(xiàng)。 |
| <menu> | 代表菜單。 |
