HTML全局屬性(詳細)

accesskey

accesskey 屬性規(guī)定激活(使元素獲得焦點)元素的快捷鍵。

<a ?href=“ww.baidu.com” accesskey=“z”>百度</a>

即按alt+z可以打開百度,也可點擊“百度”

class

class 屬性規(guī)定元素的類名(classname)。

class 屬性大多數(shù)時候用于指向樣式表中的類(class)。不過,也可以利用

它通過 JavaScript 來改變帶有指定 class 的 HTML 元素。

<html>

<head>

<style type="text/css">

.love{color:green;}

</style>

</head>

<body>

<a class="love">我愛你</a></br>

<a class="love">i love you</a></br>

</body>

</html>

contenteditable

contenteditable 屬性規(guī)定元素內(nèi)容是否可編輯。

如果元素未設(shè)置 contenteditable 屬性,那么元素會從其父元素繼承該屬

性。

<p contenteditable="true">我是不是真的愛你</p>

true規(guī)定元素可編輯。

false規(guī)定元素不可編輯。

contextmenu

contextmenu 屬性規(guī)定元素的上下文菜單。當(dāng)用戶右鍵點擊元素時,會出

現(xiàn)上下文菜單。

contextmenu 屬性的值是要打開的<menu>元素的 id。

<div contextmenu="mymenu">

<menu type="context" id="mymenu">

<menuitem label="QQ"></menuitem>

</menu>

</div>

data-*

data-* 屬性用于存儲頁面或應(yīng)用程序的私有自定義數(shù)據(jù)。

data-* 屬性賦予我們在所有 HTML 元素上嵌入自定義 data 屬性的能力。

存儲的(自定義)數(shù)據(jù)能夠被頁面的 JavaScript 中利用,以創(chuàng)建更好的用

戶體驗(不進行 Ajax 調(diào)用或服務(wù)器端數(shù)據(jù)庫查詢)。

data-* 屬性包括兩部分:

屬性名不應(yīng)該包含任何大寫字母,并且在前綴 "data-" 之后必須有至少一個字符

屬性值可以是任意字符串

<ul>

<li data-XXX-type="XXX">XXX</li>

</ul>

dir

dir 屬性規(guī)定元素內(nèi)容的文本方向。

<p dir="rtl">向左的</p>

屬性值:

ltr ? ? ? ? 默認。從左向右的文本方向。

rtl ? ? ? ? 從右向左的文本方向。

draggable

draggable 屬性規(guī)定元素是否可拖動。

鏈接和圖像默認是可拖動的。

draggable 屬性常用在拖放操作中。請在我們的拖放教程中學(xué)習(xí)更多內(nèi)

容。

<p draggable="true">我愛你</p>

屬性值

true ? ? ? ? ?規(guī)定元素的可拖動的。

false ? ? ? ? 規(guī)定元素不可拖動。

auto ? ? ? ? 使用瀏覽器的默認行為。

hidden

hidden 屬性是布爾屬性。

如果設(shè)置該屬性,它規(guī)定元素仍未或不再相關(guān)。

瀏覽器不應(yīng)顯示已規(guī)定 hidden 屬性的元素。

hidden 屬性也可用于防止用戶查看元素,直到匹配某些條件(比如選擇了

某個復(fù)選框)。然后,JavaScript 可以刪除 hidden 屬性,以使此元素可

見。

<p hidden>我不愛你</p>

lang

lang 屬性規(guī)定元素內(nèi)容的語言。

<p lang="en">i love ?you</p>

spellcheck

spellcheck 屬性規(guī)定是否對元素進行拼寫和語法檢查。

可以對以下內(nèi)容進行拼寫檢查:

input 元素中的文本值(非密碼)

<textarea>元素中的文本

可編輯元素中的文本

<p contenteditable="true" spellcheck="true">我愛你</p>

屬性值

true ? ? ? ? ? ? ? ? ? 對元素進行拼寫和語法檢查

false ? ? ? ? ? ? ? ? ?不檢查元素。

style

style 屬性規(guī)定元素的行內(nèi)樣式(inline style)

style 屬性將覆蓋任何全局的樣式設(shè)定,例如在<style>標(biāo)簽或在外部樣式

表中規(guī)定的樣式。 標(biāo)簽或在外部樣式表中規(guī)定的樣式。

<h1 style="color:blue; text-align:center">我愛你</h1>

tabindex

tabindex 屬性規(guī)定元素的 tab 鍵控制次序(當(dāng) tab 鍵用于導(dǎo)航時)。

<a href="www.baidu.com" ?tabindex="2">百度</a>

<a href="www.sina.com" ?tabindex="1">新浪</a>

<a href="www.google.com" tabindex="3">谷歌</a>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J的外補...
    _Yfling閱讀 13,786評論 1 92
  • accesskey accesskey 屬性規(guī)定激活(使元素獲得焦點)元素的快捷鍵。 以下元素支持 accessk...
    秋楓殘紅閱讀 281評論 0 0
  • 1. 瀏覽器頁面有哪三層構(gòu)成,分別是什么,作用是什么? 構(gòu)成:結(jié)構(gòu)層、表示層、行為層分別是:HTML、CSS、Ja...
    程序猿人王小賤閱讀 1,891評論 1 11
  • 如果能熱鬧,沒有人會喜歡孤獨;如果能夠依賴,沒有人 會想要獨立;如果能夠被寵愛,沒有人會死命堅強。不敢撒嬌,因為沒...
    叮叮當(dāng)當(dāng)996閱讀 560評論 0 0
  • 聽說,老樹不開花的你終于遇到了一個心儀的漢子? 想追他?得先讓自己從漢子變成女人。 如果,你的性別是一個漢子,那么...
    暖丫閱讀 644評論 1 4