首頁 > web前端 > 前端問答 > html元素屬性有哪些

html元素屬性有哪些

青灯夜游
發布: 2021-12-23 11:50:05
原創
9259 人瀏覽過

html元素屬性有:accesskey、c​​lass、contenteditable、contextmenu、「data-*」、dir、draggable、dropzone、hidden、id、lang、spellcheck、style等等。

html元素屬性有哪些

本教學操作環境: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 指定是否一個元素的值在頁面載入時是否需要翻譯

專用屬性

下面要介紹幾個常用標籤的屬性

標籤的屬性

##charset#HTML5 不支援。 規定連結的座標。 filename#指定下載連結URL規定連結的目標URL。 language_code#規定目標 URL 的基準語言。僅在 href 屬性存在時使用。 media_queryalternate bookmark help license nofollow searchshapedefault#規定要開啟目標 URL。僅在 href 屬性存在時使用。
屬性 #值 #描述
char_encoding HTML5 不支援。 規定目標 URL 的字元編碼。
coords coordinates
download
href
hreflang
media #規定目標 URL 的媒介類型。預設值:all。僅在 href 屬性存在時使用。
name
section_name



#HTML5 不支援。
規定錨的名稱。



rel
author
next noreferrer prefetch prev tag規定目前文件與目標 URL 之間的關係。僅在 href 屬性存在時使用。
rev
text

#HTML5 不支援。 規定目標 URL 與目前文件之間的關係。
# rect
circle
poly

HTML5 不支援。 規定連結的形狀。

target
  • _blank
  •      _parent
  • #      _self
  • #      _top
  • framename
_blank:新視窗開啟。 _parent:在父視窗中開啟連結。 _self:默認,目前頁面會跳轉。 _top:在目前窗體開啟鏈接,並取代目前的整個窗體(框架頁)。

type

MIME_type規定目標 URL 的 MIME 類型。僅在 href 屬性存在時使用。 標籤的屬性HTML5 不支援。 規定伺服器接收到的檔案的類型。 (檔案是透過檔案上傳提交的)#character_set##規定伺服器可處理的表單數據字符集。 actionURL#規定提交表單時要傳送表單資料到何處。 off規定是否啟用表單的自動完成功能。 enctype multipart/form-data規定在向伺服器發送表單資料之前如何對其進行編碼。 (適用於method="post" 的情況) posttext#規定表單的名稱。 #如果使用該屬性,則提交表單時不進行驗證。 target
附註:MIME = Multipurpose Internet Mail Extensions。
屬性 描述
accept MIME_type
accept-charset

autocomplete

on

application/x-www-form-urlencoded
text/plain
method#get##規定用於傳送表單資料的HTTP 方法。
name
novalidate

novalidate

_blank_self_parent

_top規定在何處開啟 action URL。 #URL
標籤的屬性
屬性 描述
manifest 定義一個URL,在這個URL 上描述了文檔的快取資訊。
xmlns######http://www.w3.org/1999/xhtml#########HTML 不支援。只有 XHTML 支援。 ###規定 XML 的 namespace 屬性(如果您需要您的內容符合 XHTML,請使用這個屬性。)。 ############

規定此選項應在首次載入時停用。 text規定選項(在第一次顯示在清單中時)表現為選取狀態。
#屬性 #說明
#disabled disabled
label
#定義當使用 時所使用的標註。 selected selected

value

text

#######定義送到伺服器的選項值。 ###############。 。 。 。 ######相關推薦:《###html影片教學###》###

以上是html元素屬性有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板