首頁 > web前端 > html教學 > html中關於常見全域屬性以及全域屬性的意義

html中關於常見全域屬性以及全域屬性的意義

黄舟
發布: 2017-06-19 09:34:03
原創
2652 人瀏覽過

HTML 屬性能夠賦予元素意義和情境。
下面的全域屬性可用於任何 HTML5 元素。

HTML 5 全域屬性
NEW:HTML 5 中新的全域屬性。
屬性                                                                   規定使用元件的鍵盤快速鍵
class                      規定元素的類別名稱(用於規定樣式表中的類別)。
contenteditable                                    中使用者使用者所編輯。
contextmenu                                      
dir                                               
draggable                                        時使用使用者中拖曳並配備元件。
dropzone                                           中時被拖曳到已拖曳至上的項目中與資料會產生什麼。
hidden                                              時對上使用元件「不相關的元素」。被隱藏的元素不會顯示。
id ​​                                         
lang                                              
spellcheck                                         中建立語法上指定時必須對元素進行拼字檢查或語法檢查。
style                                          
tabindex                                            時中指定元件使用期間的 tab 鍵控制順序。
title                                           中使用

以下是常用的全域屬性:

1、accesskey屬性

#accesskey屬性規定啟動元素的快速鍵。 accesskey="accesskey",使用ALT+accesskey(shinft+alt+accesskey)來存取指定快速鍵的元素。

<a href="http://www.baidu.com" accesskey="h">百度</a><br>  
<a herf="https://www.sogou.com" accesskey="c">搜狗</a>
登入後複製

按住快捷鍵alt+h可以開啟百度網頁,同樣,按住快捷鍵alt+c可以開啟搜狗網頁。

2、id、class屬性分別是為元素命名唯一id、類別名稱。

3、tabindex屬性

tabindex屬性規定tab鍵控制順序(tab鍵用於

導航時),當按下tab鍵時,元素聚焦的次序。 tabindex="number","number"代表聚焦的順序。

<a href="http://www.baidu.com" tabindex="2">百度</a><br>  
  
<a href="https://www.sogou.com" tabindex="1">搜狗</a><br>  
  
<a href="http://www.sina.com.cn" tabindex="3">新浪</a><br><strong>  
</strong>
登入後複製

當按一次tab鍵時,聚焦在"搜狗"上,

html中關於常見全域屬性以及全域屬性的意義

當按第二次tab時,聚焦於"百度"上,

html中關於常見全域屬性以及全域屬性的意義

同理,当按第三次tab键时,聚焦于"新浪"上,

html中關於常見全域屬性以及全域屬性的意義

4、hidden属性

hidden属性规定元素为隐藏,表示该元素不相关,为布尔值。

5、contenteditable属性

contenteditable属性规定元素内容是否可编辑的,"true"表示可编辑,"false"表示不能编辑。

<p contenteditable="true">这段文字可被编辑</p>  
<p contenteditable="false">这段文字不能被编辑</p>
登入後複製

当鼠标点击第一段文字时,有显示该段文字可编辑的提示,如图:

html中關於常見全域屬性以及全域屬性的意義

当鼠标点出第二段文字时,没有显示可编辑的提示,如图:

html中關於常見全域屬性以及全域屬性的意義

6、其它的全局属性,如:style、title、lang、spellcheck、translage、dir、draggable、dropzone等


以上是html中關於常見全域屬性以及全域屬性的意義的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板