成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

html全局屬性是什么意思

這篇文章主要講解了“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等等。

html全局屬性是什么意思

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

局部屬性:有些元素能規(guī)定自己的屬性,這種屬性稱為局部屬性。 比如 link 元素,它具有的局部屬性有 href、 rel、 hreflang、 media、 type、 sizes 這六個。

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

1、accesskey 屬性

使用 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 機制的按鍵組合因平臺而異,具體如下:

瀏覽器 / 平臺WindowLinuxMac
FirefoxAlt + Shift + keyAlt + Shift + keyControl + Alt + key
Internet ExplorerAlt + keyN/AN/A
Google ChromeAlt + keyAlt + keyControl + Alt + key
SafariAlt + keyN/AControl + Alt + key
Opera同 Google Chrome同 Google Chrome同 Google Chrome

關(guān)于 accesskey 這個全局屬性的詳解,可以看一下 HTML accesskey 屬性與 web 自定義鍵盤快捷訪問

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 屬性用來給元素分配一個唯一的標(biāo)識符。這個也無需多言。需要說明的一點是,id 屬性還可以用來導(dǎo)航到文檔中的特定位置。

8、hidden 屬性

hidden 是個布爾屬性,表示相關(guān)元素當(dāng)前不需要關(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)方式則因瀏覽器而異。

<!-- spellcheck屬性應(yīng)用 -->
 <textarea >This is some lalalala text</textarea>

11、style 屬性

style 屬性用來直接在元素身上定義 CSS 樣式,這個也不做過多描述了。

12、tabindex 屬性

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 鍵后被選中。

13、title 屬性

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

<!-- title屬性應(yīng)用 -->
<a href="https://qiqihaobenben.github.io/" title="我的個人網(wǎng)站">qiqihaobenben.github.io</a>

14、contextmenu 屬性

自定義鼠標(biāo)右鍵彈出菜單內(nèi)容

15、data-* 屬性

為元素增加自定義屬性

16、translate 屬性

元素和子孫節(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)

成都網(wǎng)頁設(shè)計公司
海原县| 汉中市| 仙居县| 讷河市| 杭锦后旗| 商洛市| 弋阳县| 卢龙县| 佛冈县| 天峻县| 二手房| 连南| 浦东新区| 诏安县| 平原县| 将乐县| 弥渡县| 铜梁县| 揭西县| 乐清市| 广平县| 武威市| 荥阳市| 松滋市| 乡宁县| 察隅县| 慈利县| 佛学| 景洪市| 淮南市| 介休市| 商水县| 文水县| 连云港市| 精河县| 安庆市| 和静县| 南通市| 梁河县| 和田县| 勐海县|