小強的HTML5行動開發之路（13）－HTML5中的全域屬性
- 黄舟原創
- 2017-01-22 11:38:071633瀏覽
一、accssskey 快捷鍵
<!DOCTYPE HTML> <html> <body> <a href="http://blog.csdn.net/column/details/dawanganban-html5.html" accesskey="w">小强的HTML5移动开发之路</a><br /> <a href="http://blog.csdn.net/column/details/android-growup.html" accesskey="g">Android菜鸟的成长笔记</a> <p><b>注释：</b>请使用 Alt + <i>accessKey</i> 来访问带有快捷键的元素。</p> </body> </html>
有興趣的朋友可以按住Alt + g 和Alt + w試試看
小強的HTML5行動版筆記型+ accessKey 來存取具有快速鍵的元素。
<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
h1.intro {color:blue;}
p.important {color:green;}
</style>
</head>
<body>
<h1 class="intro">Header 1</h1>
<p>A paragraph.</p>
<p class="important">请注意这个重要的段落。:)</p>
</body>
</html>
三、contenteditable 屬性規定是否可編輯元素的內容
<!DOCTYPE HTML> <html> <body> <p contenteditable="true">这是一段可编辑的段落。请试着编辑该文本。</p> </body> </html>這是一段可編輯的段落。請試著編輯該文字。 contenteditable 屬性是 Html5 中的新屬性
四、contextmenu 屬性為元素規定上下文選單。這個選單會在使用者右鍵點擊元素時出現
目前沒有任何主流瀏覽器支援 contextmenu 屬性。
<!DOCTYPE html> <html> <body> <p contextmenu="supermenu">本段落拥有一个名为 "supermenu" 的上下文菜单。这个菜单会在用户右键单击该段落时出现。</p> <menu id="supermenu"> <command label="Step 1: Write Tutorial" onclick="doSomething()"> <command label="Step 2: Edit Tutorial" onclick="doSomethingElse()"> </menu> <p><b>注释：</b>目前的主流浏览器都不支持 contextmenu 属性。</p> </body> </html五、dir 屬性規定元素內容的文字方向。
<p dir="rtl">Write this text right-to-left!</p>值 描述 ltr 從左到右的文字方向。 rtl 從右向左的文字方向。 auto 讓瀏覽器依照內容來判斷文字方向。僅在文字方向未知時建議使用。 六、draggable 屬性規定元素是否可拖曳。
目前沒有任何主流瀏覽器支援 dropzone 屬性。
八、hidden 屬性規定對元素進行隱藏。
hidden 屬性是 HTML5 的新屬性。
九、id 屬性規定 HTML 元素的唯一的 id
<html>
<head>
<script type="text/javascript">
function change_header()
{
document.getElementById("myHeader").innerHTML="Nice day!";
}
</script>
</head>
<body>
<h1 id="myHeader">Hello World!</h1>
<button onclick="change_header()">改变文本</button>
</body>
</html>十、lang 屬性規定元素內容的語言。
ISO 639-1 為各種語言定義了縮寫。您可以在 HTML 和 XHTML 中的 lang 和 xml:lang 屬性中使用它們。
Dutch nl
Edo
English en
Esperanto eo
Estonian
Fiji fj
Finnish fi
Flemish
Fulfulde Galician gl Gaelic (Scottish) gd Gaelic (Manx) gv Georgian ka German de Greek el Greenlandic kl Guarani gn Gujarati gu Hausa ha Hawaiian Hebrew he, iw Hindi hi匈牙利語 hu
Ibibio
冰島語 是
伊博語
語中間語 ie
因紐特語 i u
伊努皮克語 ik
愛爾蘭語 ga
義大利文 it
日文 ja
克什米爾語 ks
哈薩克語 kk
盧安達語（羅安達） rw
吉爾吉斯語 ky
基隆迪語(R undi) rn
康卡語 寮語 lo
拉丁文 la
拉脫維亞語（拉特語） lv
林堡語（林堡語） li
林加拉語 ln
立陶宛語 lt
馬來語 ms
馬拉雅拉姆語言 ml
馬耳他語 mt
毛利語mi
馬拉地mn
瑙魯語 na
尼泊爾語 ne
挪威語 不
奧克西唐語 oc
奧裡亞語 或
奧羅莫語（阿凡、加拉） om
語帕
波蘭語 pl
葡萄牙語 pt
旁遮普語 pa
克丘亞語 qu pa
克丘亞語 qu
羅馬尼亞語 ro 俄語ru 薩米語（拉普蘭語） 薩摩亞文 sm Sangro sg 梵文sa 塞爾維亞語 sr 茨瓦納語 tn 紹納語 sn 信德語 sd 僧伽羅語 si 西斯瓦蒂語 ss 斯洛伐克語 sk 斯洛維尼亞語 西班牙語巽他語 su
斯瓦希里語（斯瓦希裡文） sw
瑞典語 sv
敘利亞語
他加祿語 tl泰米爾語 ta
韃靼語 tt
泰盧固語te
泰語 th
藏語 bo
提格利尼亞語 ti
. tr
土庫曼語 tk
契維語 tw
維吾爾語 ug
烏克蘭語 英國
烏爾都語 ur
烏茲別克語 uz vo
威爾斯語 cy
Wolof wo
十一、拼字檢查屬性規定是否對內容元素進行一次檢查。
可對以下文字進行抄寫檢查：
類型為文字的輸入元素中的值（非密碼）
文字區域
文字區域中的值（非密碼） 文字區域
十二、style 属性规定元素的行内样式（inline style）HTML4和HTML5无差异
十三、tabindex 属性规定当使用 "tab" 键进行导航时元素的顺序。
<!DOCTYPE HTML> <html> <body> <a href="http://www.w3school.com.cn/" tabindex="2">W3School</a><br /> <a href="http://www.google.com/" tabindex="1">Google</a><br /> <a href="http://www.microsoft.com/" tabindex="3">Microsoft</a> </body> </html>
十四、title 属性规定关于元素的额外信息
<!DOCTYPE HTML> <html> <body> <p><abbr title="世界卫生组织">WHO</abbr> 成立于 1948。</p> <p title="免费的 Web 教程">W3School.com.cn</pl> </body> </html>
以上就是 小强的HTML5移动开发之路（13）——HTML5中的全局属性的内容，更多相关内容请关注PHP中文网（www.php.cn）！