小強的HTML5行動開發之路（13）－HTML5中的全域屬性-H5教程-PHP中文網

首頁

web前端

H5教程

小強的HTML5行動開發之路（13）－HTML5中的全域屬性

黄舟

Jan 22, 2017 am 11:38 AM

一、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>

小強的HTML5行動開發之路（13）－HTML5中的全域屬性

有興趣的朋友可以按住Alt + g 和Alt + w試試看

小強的HTML5行動版筆記型+ accessKey 來存取具有快速鍵的元素。

該標籤在HTML4和HTML5之間沒有差異。

二、class 屬性，規定元素類別名稱

<!DOCTYPE HTML>  
<html>  
<head>  
<style type="text/css">  
h1.intro {color:blue;}  
p.important {color:green;}  
</style>  
</head>  
<body>  
  
<h1 id="Header-nbsp">Header 1</h1>  
<p>A paragraph.</p>  
<p class="important">请注意这个重要的段落。:)</p>  
  
</body>  
</html>

三、contenteditable 屬性規定是否可編輯元素的內容小強的HTML5行動開發之路（13）－HTML5中的全域屬性

<!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 屬性規定元素是否可拖曳。

值說明

true 規定元素是可拖曳的。

false 規定元素是不可拖曳的。

auto 使用瀏覽器的預設功能。

目前只有 Firefox、Chrome 以及 Safari 支援 draggable 屬性。

七、dropzone 屬性規定當被拖曳的資料在拖放到元素上時，是否被複製、移動或連結。

目前沒有任何主流瀏覽器支援 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="Hello-nbsp-World">Hello World!</h1>  
<button onclick="change_header()">改变文本</button>  
</body>  
  
</html>

十、lang 屬性規定元素內容的語言。

ISO 639-1 為各種語言定義了縮寫。您可以在 HTML 和 XHTML 中的 lang 和 xml:lang 屬性中使用它們。

Language

ISO Code

Abkhazian ab

A農夫ian sq

Amharic am

Arabic ar

Armen ay

Azerbaijani az

Bashkir ba

Basque eu

Bengali (Bangla) eu abn

Bengali bh

Bislama bi

Breton br

Bulgarian . elarusian) be

Cambodian km

Catalan ca

Cherokee

Chewa

Chinese (Simplifiedlified)

Corsican co

Croatian hr

Czech

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中的全域屬性

以上就是小强的HTML5移动开发之路（13）——HTML5中的全局属性的内容，更多相关内容请关注PHP中文网（www.php.cn）！

陳述

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

H5：網絡標準和技術的發展Apr 15, 2025 am 12:12 AM

Web标准和技术从HTML4、CSS2和简单的JavaScript演变至今，经历了显著的发展。1)HTML5引入了Canvas、WebStorage等API，增强了Web应用的复杂性和互动性。2)CSS3增加了动画和过渡功能，使页面效果更加丰富。3)JavaScript通过Node.js和ES6的现代化语法，如箭头函数和类，提升了开发效率和代码可读性，这些变化推动了Web应用的性能优化和最佳实践的发展。

H5是HTML5的速記嗎？探索細節Apr 14, 2025 am 12:05 AM

H5不僅僅是HTML5的簡稱，它代表了一個更廣泛的現代網頁開發技術生態：1.H5包括HTML5、CSS3、JavaScript及相關API和技術；2.它提供更豐富、互動、流暢的用戶體驗，能在多設備上無縫運行；3.使用H5技術棧可以創建響應式網頁和復雜交互功能。

H5和HTML5：網絡開發中常用的術語Apr 13, 2025 am 12:01 AM

H5與HTML5指的是同一個東西，即HTML5。 HTML5是HTML的第五個版本，帶來了語義化標籤、多媒體支持、畫布與圖形、離線存儲與本地存儲等新功能，提升了網頁的表現力和交互性。

H5指的是什麼？探索上下文Apr 12, 2025 am 12:03 AM

H5referstoHTML5,apivotaltechnologyinwebdevelopment.1)HTML5introducesnewelementsandAPIsforrich,dynamicwebapplications.2)Itsupportsmultimediawithoutplugins,enhancinguserexperienceacrossdevices.3)SemanticelementsimprovecontentstructureandSEO.4)H5'srespo

H5：工具，框架和最佳實踐Apr 11, 2025 am 12:11 AM

H5開發需要掌握的工具和框架包括Vue.js、React和Webpack。 1.Vue.js適用於構建用戶界面，支持組件化開發。 2.React通過虛擬DOM優化頁面渲染，適合複雜應用。 3.Webpack用於模塊打包，優化資源加載。

HTML5的遺產：當前了解H5Apr 10, 2025 am 09:28 AM

HTML5hassignificantlytransformedwebdevelopmentbyintroducingsemanticelements,enhancingmultimediasupport,andimprovingperformance.1)ItmadewebsitesmoreaccessibleandSEO-friendlywithsemanticelementslike,,and.2)HTML5introducednativeandtags,eliminatingthenee