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

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鍵時，聚焦在"搜狗"上，

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

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

4、hidden属性

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

5、contenteditable属性

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

<p contenteditable="true">这段文字可被编辑</p>  
<p contenteditable="false">这段文字不能被编辑</p>

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

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

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

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