html 所有標籤屬性彙總
阿新 • • 發佈：2018-12-10
A ➔ B
| 屬性 | 值 | 描述 | 屬性連結 |
|---|---|---|---|
| charset | char_encoding | （ H5 不支援 ）規定目標 URL 的字元編碼 | |
| coords | coordinates | （ H5 不支援 ）規定連結的座標。 | |
| download（ H5 新增 ） | filename | 指定下載連結 | |
| href | URL | 規定連結的目標 URL。 | |
| hreflang | language_code | 規定被連結文件的語言。僅在 href 屬性存在時使用。 | |
| media | media_query | 規定目標 URL 的媒介型別。預設值：all。僅在 href 屬性存在時使用。（菜鳥）規定被連結文件是為何種媒介/裝置優化的。（w3school） | |
| name | section_name | （ H5 不支援 ）規定錨的名稱。 | |
| rel | alternateauthorbookmarkhelplicensenextnofollownoreferrerprefetchprevsearchtag | 規定當前文件與目標 URL 之間的關係。僅在 href 屬性存在時使用。 | |
| rev | text | （ H5 不支援 ）規定目標 URL 與當前文件之間的關係。 | |
| shape | defaultrectcirclepoly | （ H5 不支援 ）規定連結的形狀 | |
| target | _blank_parent_self_topframename | 規定在何處開啟目標 URL。僅在 href 屬性存在時使用。 | |
| type（ H5 新增 ） | MIME_type | 規定目標 URL 的 MIME 型別。僅在 href 屬性存在時使用。注：MIME = Multipurpose Internet Mail Extensions。 |
| 屬性 | 值 | 描述 | 屬性連結 |
|---|---|---|---|
| 全域性屬性 | / | / | 全域性屬性 |
| 屬性 | 值 | 描述 | 屬性連結 |
|---|---|---|---|
| class | classname | 規定元素的類名 | 全域性屬性 |
| dir | rtlltr | 規定元素中內容的文字方向 | 全域性屬性 |
| id | id | 規定元素的唯一 id | 全域性屬性 |
| lang | language_code | 規定元素中內容的語言程式碼 | 全域性屬性 |
| style | style_definition | 規定元素的行內樣式 | 全域性屬性 |
| title | text | 規定元素的額外資訊 | 全域性屬性 |
| xml:lang | language_code | 規定 XHTML 文件中元素內容的語言程式碼 | 全域性屬性 |
注：以上列出的七個屬性都是全域性屬性，按理說全域性屬性是適用於所有標籤的，但在菜鳥教程和 w3school 中都沒有列出所有的全域性屬性，因此對於此標籤是否支援其它的全域性屬性，請在具體情境中驗證，後面也有這樣的情況，就不一一說明了
| 屬性 | 值 | 描述 | 屬性連結 |
|---|---|---|---|
| 全域性屬性 | / | / | 全域性屬性 |
| 屬性 | 值 | 描述 | 屬性連結 |
|---|---|---|---|
| code（ 必需的屬性 ） | URL | 規定 Java applet 的檔名 | |
| object（ 必需的屬性 ） | name | 規定了包含該 applet 的一系列版本的資源名稱 | |
| align | leftrighttopbottommiddlebaselinetexttopabsmiddleabsbottom | 規定 applet 相對於周圍元素的對齊方式 | |
| codebase | URL | 規定 code 屬性中指定的 applet 的基準 URL | |
| hspace | pixels | 定義圍繞 applet 的水平間隔 | |
| name | name | 定義 applet 的名稱（用在指令碼中的） | |
| vspace | pixels | 定義圍繞 applet 的垂直間隔 |
| 屬性 | 值 | 描述 | 屬性連結 |
|---|---|---|---|
| alt（ 必需的屬性 ） | text | 規定區域的替代文字。如果使用 href 屬性，則該屬性是必需的 | |
| coords | 座標值 | 定義可點選區域（對滑鼠敏感的區域）的座標 | |
| href | URL | 規定區域的目標 URL | |
| hreflang（ H5 新增 ） | language_code | 規定目標 URL 的語言 | |
| media（ H5 新增 ） | media query | 規定目標 URL 是為何種媒介/裝置優化的。預設：all | |
| nohref | value | （ H5 不支援 ）規定沒有相關連結的區域；從影象對映排除某個區域 | |
| rel（ H5 新增 ） | alternateauthorbookmarkhelplicensenextnofollownoreferrerprefetchprevsearchtag | 規定當前文件與目標 URL 之間的關係 | |
| shape | defaultrectcirclepoly | 規定區域的形狀 | |
| target | _blank_parent_self_topframename | 規定在何處開啟目標 URL | |
| type（ H5 新增 ） | MIME_type | 規定目標 URL 的 MIME 型別。注：MIME = Multipurpose Internet Mail Extensions |
| 屬性 | 值 | 描述 | 屬性連結 |
|---|---|---|---|
| 全域性屬性 | / | / | 全域性屬性 |
| 屬性 | 值 | 描述 | 屬性連結 |
|---|---|---|---|
| 全域性屬性 | / | / | 全域性屬性 |
| 屬性 | 值 | 描述 | 屬性連結 |
|---|---|---|---|
| autoplay（ H5 新增 ） | autoplay | 如果出現該屬性，則音訊在就緒後馬上播放 | |
| controls（ H5 新增 ） | controls | 如果出現該屬性，則向用戶顯示音訊控制元件（比如播放/暫停按鈕） | |
| loop（ H5 新增 ） | loop | 如果出現該屬性，則每當音訊結束時重新開始播放 | |
| muted（ H5 新增 ） | muted | 如果出現該屬性，則音訊輸出為靜音 | |
| preload（ H5 新增 ） | autometadatanone | 如果出現該屬性，則音訊在頁面載入時進行載入，並預備播放。如果使用 “autoplay”，則忽略該屬性 | |
| src（ H5 新增 ） | URL | 規定音訊檔案的 URL |
| 屬性 | 值 | 描述 | 屬性連結 |
|---|---|---|---|
| 全域性屬性 | / | / | 全域性屬性 |
- （標籤必須位於 head 元素內部）
| 屬性 | 值 | 描述 | 屬性連結 |
|---|---|---|---|
| href（必需的屬性） | URL | 規定頁面中所有相對連結的基準 URL | |
| target | _blank_parent_self_topframename | 規定頁面中所有的超連結和表單在何處開啟。該屬性會被每個連結中的 target 屬性覆蓋 |
- <basefont> 菜鳥教程 w3school（ H5 不支援<basefont>標籤，請用 CSS 代替；在 HTML 4.01 中，已不贊成使用；只有 IE 9 和更早版本的 IE 瀏覽器支援此標籤）
| 屬性 | 值 | 描述 | 屬性連結 |
|---|---|---|---|
| color | rgb(x,x,x)#xxxxxxcolorname | H5 不支援。HTML 4.01 已廢棄，請使用樣式取代它。 規定文件中文字的預設顏色 | |
| face | font_family | H5 不支援。HTML 4.01 已廢棄，請使用樣式取代它。 規定文件中文字的預設字型 | |
| size | number | H5 不支援。HTML 4.01 已廢棄，請使用樣式取代它。 規定文件中文字的預設大小 |
| 屬性 | 值 | 描述 | 屬性連結 |
|---|---|---|---|
| dir（菜鳥：必需） | ltrrtl | 必需。規定此元素內的文字方向 |
| 屬性 | 值 | 描述 | 屬性連結 |
|---|
C ➔ E
| 屬性 | 值 | 描述 | 屬性連結 |
|---|
| 屬性 | 值 | 描述 | 屬性連結 |
|---|
| 屬性 | 值 | 描述 | 屬性連結 |
|---|
| 屬性 | 值 | 描述 | 屬性連結 |
|---|
| 屬性 | 值 | 描述 | 屬性連結 |
|---|
F ➔ K
| 屬性 | 值 | 描述 | 屬性連結 |
|---|
- <hgroup></hgroup> 菜鳥教程（ H5 中的新標籤）
- （ 下面列出的所有屬性，H5 都已不支援，HTML 4.01 中已不贊成使用，請使用樣式代替）
L ➔ O
| 屬性 | 值 | 描述 | 屬性連結 |
|---|
- <main></main> w3school（ H5 中的新標籤）
| 屬性 | 值 | 描述 | 屬性連結 |
|---|---|---|---|
| id（ w3school 指出：id 屬性是必需的，並且寫了 id 就必須寫 name ）菜鳥中沒有給出 id 這個屬性，但菜鳥中指出：在 H5 中, 如果 id 屬性在<map>標籤中指定, 則你必須同樣指定 name 屬性 | unique_name | 為 map 標籤定義唯一的名稱 | |
| name（對於此屬性，菜鳥中說的是必需，w3school 中說的是可選） | mapname | 為 image-map 規定的名稱 |
- <menuitem></menuitem> w3school（ H5 中的新標籤，以下所有屬性只在 w3school 中列出，菜鳥中連這個標籤都沒有收錄）
| 屬性 | 值 | 描述 | 屬性連結 |
|---|---|---|---|
| charset（ H5 新增 ）此屬性 w3school 中沒有收錄 | character_set | 定義文件的字元編碼 |
P ➔ S
| 屬性 | 值 | 描述 | 屬性連結 |
|---|
| 屬性 | 值 | 描述 | 屬性連結 |
|---|
- （ H5 重新定義了此標籤，請使用<del></del>替代它；HTML 4.01 中已不贊成使用<s>標籤）
| 屬性 | 值 | 描述 | 屬性連結 |
|---|---|---|---|
| cite（ H5 新增）菜鳥沒有列出此屬性 | URL | section 的 URL，假如 section 摘自 web 的話。 |
T ➔ Z 和 其它標籤
- （ H5 中的新標籤）
- （ H5 重新定義了此標籤。HTML 4.01 中已不贊成使用）
-
html 全域性屬性（可用於任何 HTML 元素）
| 屬性 | 值 | 屬性連結 |
|---|---|---|
| accesskey | 設定訪問元素的鍵盤快捷鍵。 | |
| class | 規定元素的一個或多個類名 | |
| contenteditable（ H5 新增 ） | 規定是否可編輯元素的內容 | |
| contextmenu（ H5 新增 ） | 指定一個元素的上下文選單。當用戶右擊該元素，出現上下文選單 | |
| data-*（ H5 新增 ） | 用於儲存頁面的自定義資料 | |
| dir | 設定元素中內容的文字方向。 | |
| draggable（ H5 新增 ） | 指定某個元素是否可以拖動 | |
| dropzone（ H5 新增 ） | 規定在拖動被拖動資料時是否進行復制、移動、連結或刪除 | |
| hidden（ H5 新增 ） | hidden 屬性規定對元素進行隱藏。 | |
| id | 規定元素的唯一 id | |
| lang | 設定元素中內容的語言 | |
| spellcheck（ H5 新增 ） | 規定是否對元素進行拼寫和語法檢查 | |
| style | 規定元素的行內 CSS 樣式 | |
| tabindex | 設定元素的 Tab 鍵控制次序 | |
| title | 規定元素的額外資訊（可在工具提示中顯示） | |
| translate（ H5 新增 ） | 指定一個元素的值在頁面載入時是否需要翻譯 |