html5中有什么全局屬性

這篇文章主要為大家展示了“html5中有什么全局屬性”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學習一下“html5中有什么全局屬性”這篇文章吧。

東風ssl適用于網(wǎng)站、小程序/APP、API接口等需要進行數(shù)據(jù)傳輸應(yīng)用場景，ssl證書未來市場廣闊！成為創(chuàng)新互聯(lián)建站的ssl證書銷售渠道，可以享受市場價格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：028-86922220（備注：SSL證書合作）期待與您的合作！

html5屬性有：1、accesskey；2、class；3、contenteditable；4、dir；5、draggable；6、dropzone；7、hidden；8、lang；9、spellcheck；10、tabindex等等。

本教程操作環(huán)境：windows7系統(tǒng)、HTML5版、Dell G3電腦。

局部屬性：有些元素能規(guī)定自己的屬性，這種屬性稱為局部屬性。

比如link元素，它具有的局部屬性有href、 rel、 hreflang、 media、 type、 sizes這六個。

全局屬性：可以用來配置所有元素共有的行為，這種屬性稱為全局屬性，可以用在任何一個元素身上。

HTML5全局屬性

1、accesskey屬性

使用accesskey屬性可以設(shè)定一個或幾個用來選擇頁面上的元素的快捷鍵。

2、class屬性

class屬性用來將元素歸類。

3、contenteditable屬性

contenteditable是HTML5中新增加的屬性，其用途是讓用戶能夠修改頁面上的內(nèi)容。

<body>    <!-- contenteditable屬性應(yīng)用 -->    <p contenteditable="true">設(shè)置為 true 是可編輯的</p></body>

如上例，p元素的contenteditable屬性值設(shè)置為true時，用戶可以單擊文字編輯內(nèi)容。設(shè)置為false時禁止編輯。

4、dir屬性

dir屬性用來規(guī)定元素中文字的方向。有效值有兩個：ltr(從左到右)、rtl(從右到左)。

   <!-- dir屬性應(yīng)用 -->    <p dir="ltr">從左到右</p>    <p dir="rtl">從右到左</p>

5、draggable屬性

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

6、dropzone屬性

dropzone屬性是HTML5支持拖放操作的方式之一，與draggable屬性搭配使用。

7、id屬性

id屬性用來給元素分配一個唯一的標識符。這個也無需多言。需要說明的一點是，id屬性還可以用來導航到文檔中的特定位置。

8、hidden屬性

hidden是個布爾屬性，表示相關(guān)元素當前不需要關(guān)注，瀏覽器對它的處理方式是隱藏相關(guān)元素（隱隱想起來控制一個元素的展示隱藏的時候，會自定義一個hidden類，然后在里面寫隱藏樣式），具體也可以看一下這篇介紹 HTML5的hidden屬性

<!-- hidden屬性應(yīng)用 --><div hidden>這個元素將會被隱藏</div>

9、lang屬性

lang屬性用于說明元素內(nèi)容使用的語言。lang屬性必須使用有效的ISO語音代碼，使用這個屬性的目的在于，讓瀏覽器調(diào)整其表達元素內(nèi)容的方式，比如在使用了文字朗讀器的情況下正確發(fā)音。

<!-- lang屬性應(yīng)用 --><p>Hello - how are you?</p>

10、spellcheck屬性

spellcheck屬性用來表明瀏覽器是否應(yīng)該對元素的內(nèi)容進行拼寫檢查，這個屬性只有用在用戶可以編輯的元素上時才有意義。
spellcheck屬性可以接受的值有兩個：true和false。至于拼寫檢查的實現(xiàn)方式則因瀏覽器而異。

<textarea name="" id="" cols="30" rows="10" spellcheck="true">This is some lalalala text</textarea>

11、style屬性

style屬性用來直接在元素身上定義CSS樣式。

12、tabindex屬性

HTML頁面的鍵盤焦點可以通過按Tab鍵在各元素之間切換。用tabindex屬性可以改變默認的轉(zhuǎn)移順序。

<form action="">    <label>Name: <input type="text" name="" id="" tabindex="2"></label>    <label>City: <input type="text" name="" id="" tabindex="-1"></label>    <label>Country: <input type="text" name="" id="" tabindex="1"></label>    <input type="submit" value="" tabindex="3"></form>

上面的代碼實現(xiàn)效果是：在按Tab鍵的過程中，tabindex為1的Country輸入框第一個被選中，接著焦點會跳到Name輸入框，最后是submit提交。tabindex設(shè)置為-1的元素不會在用戶按下Tab鍵后被選中。

13、title屬性

title屬性提供了元素的額外信息，瀏覽器通常用這些東西顯示工具條提示，這個在一些展示不全的文本標題也經(jīng)常使用。

以上是“html5中有什么全局屬性”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

當前名稱：html5中有什么全局屬性
分享鏈接：http://m.rwnh.cn/article12/gspsdc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供電子商務(wù)、網(wǎng)站建設(shè)、小程序開發(fā)、網(wǎng)站設(shè)計公司、域名注冊、虛擬主機

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

内射老阿姨1区2区3区4区_久久精品人人做人人爽电影蜜月_久久国产精品亚洲77777_99精品又大又爽又粗少妇毛片

html5中有什么全局屬性

HTML5全局屬性