html元素屬性有:accesskey、class、contenteditable、contextmenu、「data-*」、dir、draggable、dropzone、hidden、id、lang、spellcheck、style等等。
本教學操作環境:windows7系統、HTML5版、Dell G3電腦。
什麼是屬性
屬性可以為 HTML 標籤提供一些額外信息,或是對 HTML 標籤進行修飾。屬性需要加入在開始標籤中,語法格式為:
attr="value"
attr 表示屬性名,value 表示屬性值。屬性值必須使用雙引號" "或單引號' '包圍。
注意,雖然雙引號和單引號都可以包圍屬性值,但是為了規範和專業,請盡量使用雙引號。
一個標籤可以沒有屬性,也可以有一個或多個屬性。
HTML 屬性有很多,大體可以分成兩類:
有些屬性適用於大部分或所有HTML 標籤,我們將這些屬性稱為通用屬性;
有些屬性只適用於一個或幾個特定的HTML 標籤,我們將這些屬性稱為專用屬性。
通用屬性(全域屬性)
屬性 | 描述 |
---|---|
accesskey | #設定存取元素的鍵盤快速鍵。 |
class | 規定元素的類別名稱(classname) |
contenteditable | #規定是否可編輯元素的內容。 |
contextmenu | 指定一個元素的上下文選單。當使用者右鍵點選該元素,出現上下文選單 |
data-* | 用於儲存頁面的自訂資料 |
#dir | 設定元素中內容的文字方向。 |
draggable | 指定某個元素是否可以拖曳 |
dropzone | 指定是否將數據複製,移動,或鏈接,或刪除 |
hidden | hidden 屬性規定對元素進行隱藏。 |
id | 規定元素的唯一id |
#lang | 設定元素中內容的語言程式碼。 |
spellcheck | 偵測元素是否拼字錯誤 |
#style | 規定元素的行內樣式(inline style) |
tabindex | 設定元素的Tab 鍵控制順序。 |
title | 規定元素的額外資訊(可在工具提示中顯示) |
translate | 指定是否一個元素的值在頁面載入時是否需要翻譯 |
專用屬性
下面要介紹幾個常用標籤的屬性
屬性 | #值 | #描述 |
---|---|---|
char_encoding | HTML5 不支援。 規定目標 URL 的字元編碼。 | |
coords | coordinates | #HTML5 不支援。 |
download | filename||
href | URL||
hreflang | language_code||
media | media_query#規定目標 URL 的媒介類型。預設值:all。僅在 href 屬性存在時使用。 | |
name |
section_name #HTML5 不支援。 規定錨的名稱。 rel | alternateauthor | bookmark
next | nofollownoreferrer prefetch prev | searchtag規定目前文件與目標 URL 之間的關係。僅在 href 屬性存在時使用。 |
rev |
text |
#HTML5 不支援。 規定目標 URL 與目前文件之間的關係。 |
default | #
rect circle poly HTML5 不支援。 規定連結的形狀。 |
target
| #規定要開啟目標 URL。僅在 href 屬性存在時使用。
_blank:新視窗開啟。 | _parent:在父視窗中開啟連結。 _self:默認,目前頁面會跳轉。 | _top:在目前窗體開啟鏈接,並取代目前的整個窗體(框架頁)。 |
type
MIME_type附註:MIME = Multipurpose Internet Mail Extensions。 |
---|
_blank_self_parent
_top標籤的屬性 | ||
---|---|---|
屬性值 | 描述 | |
manifest | #URL | 定義一個URL,在這個URL 上描述了文檔的快取資訊。 |
#屬性 | 值 | #說明 |
---|---|---|
#disabled | disabled | |
label | text | |
#定義當使用 | selected | selected |
以上是html元素屬性有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!