這篇文章主要講解了“html全局屬性是什么意思”,文中的講解內(nèi)容簡單清晰,易于學(xué)習(xí)與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學(xué)習(xí)“html全局屬性是什么意思”吧!
網(wǎng)站建設(shè)哪家好,找創(chuàng)新互聯(lián)!專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、小程序定制開發(fā)、集團企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了仙居免費建站歡迎大家使用!
在html中,全局屬性是指可以用來配置所有元素共有行為、可以用在任何一個元素身上的屬性。常用全局屬性有:class、hidden、id、lang、style、title、dir、contenteditable等等。
本教程操作環(huán)境:windows7系統(tǒng)、HTML5版、Dell G3電腦。
局部屬性:有些元素能規(guī)定自己的屬性,這種屬性稱為局部屬性。 比如 link 元素,它具有的局部屬性有 href、 rel、 hreflang、 media、 type、 sizes 這六個。
全局屬性:可以用來配置所有元素共有的行為,這種屬性稱為全局屬性,可以用在任何一個元素身上。
使用 accesskey 屬性可以設(shè)定一個或幾個用來選擇頁面上的元素的快捷鍵。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta > <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>HTML全局屬性測試</title> </head> <body> <form action=""> <p> Name: <input type="text" > </p> <p> Password: <input type="password" > </p> <p> Name: <input type="submit" > </p> </form> </body> </html>
在上面的例子中,三個 input 元素添加了 accesskey 屬性,這樣在 Mac 下就可以用 Control + Alt(Option) + n
快捷鍵訪問到 Name 的輸入框了。用來觸發(fā) accesskey 機制的按鍵組合因平臺而異,具體如下:
瀏覽器 / 平臺 | Window | Linux | Mac |
---|---|---|---|
Firefox | Alt + Shift + key | Alt + Shift + key | Control + Alt + key |
Internet Explorer | Alt + key | N/A | N/A |
Google Chrome | Alt + key | Alt + key | Control + Alt + key |
Safari | Alt + key | N/A | Control + Alt + key |
Opera | 同 Google Chrome | 同 Google Chrome | 同 Google Chrome |
關(guān)于 accesskey 這個全局屬性的詳解,可以看一下 HTML accesskey 屬性與 web 自定義鍵盤快捷訪問
class 屬性用來將元素歸類,這個就無需多言了。
contenteditable 是 HTML5 中新增加的屬性,,其用途是讓用戶能夠修改頁面上的內(nèi)容。
<body> <!-- contenteditable屬性應(yīng)用 --> <p contenteditable="true">設(shè)置為 true 是可編輯的</p> </body>
如上例,p 元素的 contenteditable 屬性值設(shè)置為 true 時,用戶可以單擊文字編輯內(nèi)容。設(shè)置為 false 時禁止編輯。
dir 屬性用來規(guī)定元素中文字的方向。有效值有兩個:ltr(從左到右)、rtl(從右到左)。
<!-- dir屬性應(yīng)用 --> <p dir="ltr">從左到右</p> <p dir="rtl">從右到左</p>
draggable 屬性是 HTML5 支持拖放操作的方式之一,用來表示元素是否可被拖放。
dropzone 屬性是 HTML5 支持拖放操作的方式之一,與 draggable 屬性搭配使用。
id 屬性用來給元素分配一個唯一的標(biāo)識符。這個也無需多言。需要說明的一點是,id 屬性還可以用來導(dǎo)航到文檔中的特定位置。
hidden 是個布爾屬性,表示相關(guān)元素當(dāng)前不需要關(guān)注,瀏覽器對它的處理方式是隱藏相關(guān)元素(隱隱想起來控制一個元素的展示隱藏的時候,會自定義一個 hidden 類,然后在里面寫隱藏樣式),具體也可以看一下這篇介紹 HTML5 的 hidden 屬性
<!-- hidden屬性應(yīng)用 --> <div hidden>這個元素將會被隱藏</div>
lang 屬性用于說明元素內(nèi)容使用的語言。lang 屬性必須使用有效的 ISO 語音代碼,使用這個屬性的目的在于,讓瀏覽器調(diào)整其表達元素內(nèi)容的方式,比如在使用了文字朗讀器的情況下正確發(fā)音。
<!-- lang屬性應(yīng)用 --> <p>Hello - how are you?</p>
spellcheck 屬性用來表明瀏覽器是否應(yīng)該對元素的內(nèi)容進行拼寫檢查,這個屬性只有用在用戶可以編輯的元素上時才有意義。 spellcheck 屬性可以接受的值有兩個:true 和 false。至于拼寫檢查的實現(xiàn)方式則因瀏覽器而異。
<!-- spellcheck屬性應(yīng)用 --> <textarea >This is some lalalala text</textarea>
style 屬性用來直接在元素身上定義 CSS 樣式,這個也不做過多描述了。
HTML 頁面的鍵盤焦點可以通過按 Tab 鍵在各元素之間切換。用 tabindex 屬性可以改變默認的轉(zhuǎn)移順序。
<!-- tabindex屬性應(yīng)用 --> <form action=""> <label>Name: <input type="text" ></label> <label>City: <input type="text" ></label> <label>Country: <input type="text" ></label> <input type="submit" value="" tabindex="3"> </form>
上面的代碼實現(xiàn)效果是:在按 Tab 鍵的過程中,tabindex 為 1 的 Country 輸入框第一個被選中,接著焦點會跳到 Name 輸入框,最后是 submit 提交。tabindex 設(shè)置為 - 1 的元素不會在用戶按下 Tab 鍵后被選中。
title 屬性提供了元素的額外信息,瀏覽器通常用這些東西顯示工具條提示,這個在一些展示不全的文本標(biāo)題也經(jīng)常使用。
<!-- title屬性應(yīng)用 --> <a href="https://qiqihaobenben.github.io/" title="我的個人網(wǎng)站">qiqihaobenben.github.io</a>
自定義鼠標(biāo)右鍵彈出菜單內(nèi)容
為元素增加自定義屬性
元素和子孫節(jié)點內(nèi)容是否需要本地化
感謝各位的閱讀,以上就是“html全局屬性是什么意思”的內(nèi)容了,經(jīng)過本文的學(xué)習(xí)后,相信大家對html全局屬性是什么意思這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián),小編將為大家推送更多相關(guān)知識點的文章,歡迎關(guān)注!
當(dāng)前題目:html全局屬性是什么意思
文章出自:http://jinyejixie.com/article14/ijcpge.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)、自適應(yīng)網(wǎng)站、域名注冊、微信小程序、商城網(wǎng)站
聲明:本網(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)