html元素屬性都有哪些,相信很多沒(méi)有經(jīng)驗(yàn)的人對(duì)此束手無(wú)策,為此本文總結(jié)了問(wèn)題出現(xiàn)的原因和解決方法,通過(guò)這篇文章希望你能解決這個(gè)問(wèn)題。
成都創(chuàng)新互聯(lián)自2013年創(chuàng)立以來(lái),先為井研等服務(wù)建站,井研等地企業(yè),進(jìn)行企業(yè)商務(wù)咨詢(xún)服務(wù)。為井研企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問(wèn)題。
html元素屬性有:accesskey、class、contenteditable、contextmenu、“data-*”、dir、draggable、dropzone、hidden、id、lang、spellcheck、style等等。
本教程操作環(huán)境:windows7系統(tǒng)、HTML5版、Dell G3電腦。
什么是屬性
屬性可以為 HTML 標(biāo)簽提供一些額外信息,或者對(duì) HTML 標(biāo)簽進(jìn)行修飾。屬性需要添加在開(kāi)始標(biāo)簽中,語(yǔ)法格式為:
attr="value"
attr 表示屬性名,value 表示屬性值。屬性值必須使用雙引號(hào)" "或者單引號(hào)' '包圍。
注意,雖然雙引號(hào)和單引號(hào)都可以包圍屬性值,但是為了規(guī)范和專(zhuān)業(yè),請(qǐng)盡量使用雙引號(hào)。
一個(gè)標(biāo)簽可以沒(méi)有屬性,也可以有一個(gè)或者多個(gè)屬性。
HTML 屬性有很多,大體可以分為兩類(lèi):
有些屬性適用于大部分或者所有 HTML 標(biāo)簽,我們將這些屬性稱(chēng)為通用屬性;
有些屬性只適用于一個(gè)或者幾個(gè)特定的 HTML 標(biāo)簽,我們將這些屬性稱(chēng)為專(zhuān)用屬性。
通用屬性(全局屬性)
屬性 | 描述 |
---|---|
accesskey | 設(shè)置訪問(wèn)元素的鍵盤(pán)快捷鍵。 |
class | 規(guī)定元素的類(lèi)名(classname) |
contenteditable | 規(guī)定是否可編輯元素的內(nèi)容。 |
contextmenu | 指定一個(gè)元素的上下文菜單。當(dāng)用戶(hù)右擊該元素,出現(xiàn)上下文菜單 |
data-* | 用于存儲(chǔ)頁(yè)面的自定義數(shù)據(jù) |
dir | 設(shè)置元素中內(nèi)容的文本方向。 |
draggable | 指定某個(gè)元素是否可以拖動(dòng) |
dropzone | 指定是否將數(shù)據(jù)復(fù)制,移動(dòng),或鏈接,或刪除 |
hidden | hidden 屬性規(guī)定對(duì)元素進(jìn)行隱藏。 |
id | 規(guī)定元素的唯一 id |
lang | 設(shè)置元素中內(nèi)容的語(yǔ)言代碼。 |
spellcheck | 檢測(cè)元素是否拼寫(xiě)錯(cuò)誤 |
style | 規(guī)定元素的行內(nèi)樣式(inline style) |
tabindex | 設(shè)置元素的 Tab 鍵控制次序。 |
title | 規(guī)定元素的額外信息(可在工具提示中顯示) |
translate | 指定是否一個(gè)元素的值在頁(yè)面載入時(shí)是否需要翻譯 |
專(zhuān)用屬性
下面給大家介紹幾個(gè)常用標(biāo)簽的屬性
屬性 | 值 | 描述 |
---|---|---|
charset | char_encoding | HTML5 不支持。規(guī)定目標(biāo) URL 的字符編碼。 |
coords | coordinates | HTML5 不支持。規(guī)定鏈接的坐標(biāo)。 |
download | filename | 指定下載鏈接 |
href | URL | 規(guī)定鏈接的目標(biāo) URL。 |
hreflang | language_code | 規(guī)定目標(biāo) URL 的基準(zhǔn)語(yǔ)言。僅在 href 屬性存在時(shí)使用。 |
media | media_query | 規(guī)定目標(biāo) URL 的媒介類(lèi)型。默認(rèn)值:all。僅在 href 屬性存在時(shí)使用。 |
name | section_name | HTML5 不支持。規(guī)定錨的名稱(chēng)。 |
rel | alternate author bookmark help license next nofollow noreferrer prefetch prev search tag | 規(guī)定當(dāng)前文檔與目標(biāo) URL 之間的關(guān)系。僅在 href 屬性存在時(shí)使用。 |
rev | text | HTML5 不支持。規(guī)定目標(biāo) URL 與當(dāng)前文檔之間的關(guān)系。 |
shape | default rect circle poly | HTML5 不支持。規(guī)定鏈接的形狀。 |
target | _blank _parent _self _top framename | 規(guī)定在何處打開(kāi)目標(biāo) URL。僅在 href 屬性存在時(shí)使用。
|
type | MIME_type | 規(guī)定目標(biāo) URL 的 MIME 類(lèi)型。僅在 href 屬性存在時(shí)使用。 注:MIME = Multipurpose Internet Mail Extensions。 |
屬性 | 值 | 描述 |
---|---|---|
accept | MIME_type | HTML5 不支持。規(guī)定服務(wù)器接收到的文件的類(lèi)型。(文件是通過(guò)文件上傳提交的) |
accept-charset | character_set | 規(guī)定服務(wù)器可處理的表單數(shù)據(jù)字符集。 |
action | URL | 規(guī)定當(dāng)提交表單時(shí)向何處發(fā)送表單數(shù)據(jù)。 |
autocomplete | on off | 規(guī)定是否啟用表單的自動(dòng)完成功能。 |
enctype | application/x-www-form-urlencoded multipart/form-data text/plain | 規(guī)定在向服務(wù)器發(fā)送表單數(shù)據(jù)之前如何對(duì)其進(jìn)行編碼。(適用于 method="post" 的情況) |
method | get post | 規(guī)定用于發(fā)送表單數(shù)據(jù)的 HTTP 方法。 |
name | text | 規(guī)定表單的名稱(chēng)。 |
novalidate | novalidate | 如果使用該屬性,則提交表單時(shí)不進(jìn)行驗(yàn)證。 |
target | _blank _self _parent _top | 規(guī)定在何處打開(kāi) action URL。 |
標(biāo)簽的屬性
屬性 | 值 | 描述 |
---|---|---|
manifest | URL | 定義一個(gè) URL,在這個(gè) URL 上描述了文檔的緩存信息。 |
xmlns | http://www.w3.org/1999/xhtml | HTML 不支持。只有 XHTML 支持。規(guī)定 XML 的 namespace 屬性(如果您需要您的內(nèi)容符合 XHTML,則使用這個(gè)屬性。)。 |
屬性 | 值 | 描述 |
---|---|---|
disabled | disabled | 規(guī)定此選項(xiàng)應(yīng)在首次加載時(shí)被禁用。 |
label | text | 定義當(dāng)使用 |
selected | selected | 規(guī)定選項(xiàng)(在首次顯示在列表中時(shí))表現(xiàn)為選中狀態(tài)。 |
value | text | 定義送往服務(wù)器的選項(xiàng)值。 |
看完上述內(nèi)容,你們掌握html元素屬性都有哪些的方法了嗎?如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!