html局部屬性和全局屬性

每種元素都能規(guī)定自己的屬性,這種屬性稱為:局部屬性哟玷。

屬性還有另一種類型:全局屬性。它們用來配置所有元素共有的行為一也。全局屬性可以用在任何一個元素身上巢寡,不過這不一定會帶來有意義或有用的行為改變。

下面將介紹所有全局屬性椰苟。

1.accesskey屬性

使用accesskey屬性可以設(shè)定一個或幾個用來選擇頁面上的元素的快捷鍵抑月。其目的是讓網(wǎng)頁或網(wǎng)站的熟客,可以使用快捷鍵訪問經(jīng)常用到的元素舆蝴。用來觸發(fā)accesskey機制的按鍵組合因平臺而異谦絮。在Windows系統(tǒng)上是同時按下Alt鍵和accesskey屬性值對應的鍵。

2.class屬性

class屬性用來將元素歸類洁仗。這樣做通常是為了能夠找出文檔中的某一類元素或為某一類元素應用CSS樣式层皱。

3.contenteditable屬性

contenteditable是HTML5中新增加的屬性,其用途是讓用戶能都修改頁面上的內(nèi)容赠潦。該屬性值設(shè)為true時用可以編輯元素內(nèi)容叫胖,設(shè)置為false時則禁止編輯。如果未設(shè)定其值祭椰,那么元素會從父元素處繼承該屬性的值臭家。

4.contextmenu屬性

contextmenu屬性用來為元素設(shè)定快捷菜單疲陕。這種菜單會在受到觸發(fā)的時候(例如方淤,Windows用戶用鼠標右擊時)彈出來。

5.dir屬性

dir屬性用來規(guī)定元素中文字的方向蹄殃。其有效值有兩個:ltr(用于從左到右的文字)和rtl(用于從右到左的文字)携茂。
例如:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>dir屬性</title></head><body> <p dir="rtl">This is right-to-left</p> <p dir="ltr">This is left-to-right</p></body></html>
1
2
3
4
5
6
7
8
9
10
11

運行結(jié)果如下:


dir屬性實例

6.draggable屬性

draggable屬性是HTML5支持拖放操作的方式之一,用來表示元素是否可被拖放诅岩。

7.dropzone屬性

dropzone屬性是HTML5支持拖放操作的方式之一讳苦,于上述的draggable屬性搭配使用带膜。

8.hidden屬性

hidden是個布爾屬性,表示相關(guān)元素當前毋需關(guān)注鸳谜。瀏覽器對它的處理方式是隱藏相關(guān)元素膝藕。

9.id屬性

id屬性用來給元素分配一個唯一的標識符。這種標識符通常用來將樣式應用到元素上或在JavaScript程序中來選擇元素咐扭。
提示:
根據(jù)id屬性還可以用來導航到文檔中的特定位置芭挽。倘若有個名為example.html的文檔中包含一個id屬性值為myelement的元素,那么使用example.html#myelement這個URL即可直接導航至該元素蝗肪。該URL末尾部分(#加上元素id值)稱為URL片段標識符袜爪。

10.lang屬性

lang屬性用于說明元素內(nèi)容使用的語言。

11.spellcheck屬性

spellcheck屬性用來表明瀏覽器是否應該對元素的內(nèi)容進行拼寫檢查薛闪。這個屬性只有用在用戶可以編輯的元素上時才有意義辛馆。可以接受的值有兩個:true
(啟用檢查拼寫)和false(禁用拼寫檢查)豁延。至于拼寫檢查的實現(xiàn)方式則因瀏覽器而異昙篙。
警告:目前大多數(shù)瀏覽器的拼寫檢查都會忽略前面介紹過的lang屬性。它們的拼寫檢查基于用戶所用的操作系統(tǒng)中的語言設(shè)置或瀏覽器的語言設(shè)置诱咏。

12.style屬性

style屬性用來直接在元素身上定義CSS樣式(這是在style元素或外部樣式表中定義樣式之外的一種選擇)

13.tabindex屬性

HTML頁面上的鍵盤焦點可以通過按Tab鍵在各元素之間切換瓢对。用tabindex屬性可以改變默認的轉(zhuǎn)移順序。
tabindex值為1的元素胰苏,第一個被選中硕蛹。用戶按一下Tab鍵后,tabindex值為2的那個元素會被選中硕并,依次類推法焰。tabindex設(shè)置為-1的元素不會再用戶按下Tab鍵后被選中。

14.title屬性

title屬性提供了元素的額外信息倔毙。瀏覽器通常用這些東西顯示工具提示埃仪。
例如:
<a title="百度">www.baidu.com</a>
1

運行結(jié)果如下:
title屬性實例
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市陕赃,隨后出現(xiàn)的幾起案子卵蛉,更是在濱河造成了極大的恐慌,老刑警劉巖么库,帶你破解...
    沈念sama閱讀 207,113評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件傻丝,死亡現(xiàn)場離奇詭異,居然都是意外死亡诉儒,警方通過查閱死者的電腦和手機葡缰,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評論 2 381
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人泛释,你說我怎么就攤上這事滤愕。” “怎么了怜校?”我有些...
    開封第一講書人閱讀 153,340評論 0 344
  • 文/不壞的土叔 我叫張陵间影,是天一觀的道長。 經(jīng)常有香客問我茄茁,道長宇智,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,449評論 1 279
  • 正文 為了忘掉前任胰丁,我火速辦了婚禮随橘,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘锦庸。我一直安慰自己机蔗,他們只是感情好,可當我...
    茶點故事閱讀 64,445評論 5 374
  • 文/花漫 我一把揭開白布甘萧。 她就那樣靜靜地躺著萝嘁,像睡著了一般。 火紅的嫁衣襯著肌膚如雪扬卷。 梳的紋絲不亂的頭發(fā)上牙言,一...
    開封第一講書人閱讀 49,166評論 1 284
  • 那天,我揣著相機與錄音怪得,去河邊找鬼咱枉。 笑死,一個胖子當著我的面吹牛徒恋,可吹牛的內(nèi)容都是我干的蚕断。 我是一名探鬼主播,決...
    沈念sama閱讀 38,442評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼入挣,長吁一口氣:“原來是場噩夢啊……” “哼亿乳!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起径筏,我...
    開封第一講書人閱讀 37,105評論 0 261
  • 序言:老撾萬榮一對情侶失蹤葛假,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后滋恬,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體聊训,經(jīng)...
    沈念sama閱讀 43,601評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,066評論 2 325
  • 正文 我和宋清朗相戀三年夷恍,在試婚紗的時候發(fā)現(xiàn)自己被綠了魔眨。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片媳维。...
    茶點故事閱讀 38,161評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡酿雪,死狀恐怖遏暴,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情指黎,我是刑警寧澤朋凉,帶...
    沈念sama閱讀 33,792評論 4 323
  • 正文 年R本政府宣布,位于F島的核電站醋安,受9級特大地震影響杂彭,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜吓揪,卻給世界環(huán)境...
    茶點故事閱讀 39,351評論 3 307
  • 文/蒙蒙 一亲怠、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧柠辞,春花似錦团秽、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,352評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至焙格,卻和暖如春图毕,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背眷唉。 一陣腳步聲響...
    開封第一講書人閱讀 31,584評論 1 261
  • 我被黑心中介騙來泰國打工予颤, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人冬阳。 一個月前我還...
    沈念sama閱讀 45,618評論 2 355
  • 正文 我出身青樓荣瑟,卻偏偏與公主長得像,于是被迫代替她去往敵國和親摩泪。 傳聞我的和親對象是個殘疾皇子笆焰,可洞房花燭夜當晚...
    茶點故事閱讀 42,916評論 2 344

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

  • 局部屬性和全局屬性 局部屬性:有些元素能規(guī)定自己的屬性,這種屬性稱為局部屬性见坑。比如link元素嚷掠,它具有的局部屬性有...
    其心閱讀 494評論 1 5
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,728評論 1 92
  • accesskey accesskey 屬性規(guī)定激活(使元素獲得焦點)元素的快捷鍵荞驴。 百度 即按alt+z可以打開...
    masai12138閱讀 778評論 0 0
  • 1. 瀏覽器頁面有哪三層構(gòu)成不皆,分別是什么,作用是什么? 構(gòu)成:結(jié)構(gòu)層熊楼、表示層霹娄、行為層分別是:HTML、CSS、Ja...
    程序猿人王小賤閱讀 1,867評論 1 11
  • 我問佛:如果遇到了可以愛的人犬耻,卻又怕不能把握該怎么辦踩晶? 佛曰:留人間多少愛,迎浮世千重變枕磁,和有情人渡蜻,做快樂事,別問...
    石川河女神閱讀 392評論 0 1