首頁 > web前端 > H5教程 > 小強的HTML5行動開發之路(13)-HTML5中的全域屬性

小強的HTML5行動開發之路(13)-HTML5中的全域屬性

黄舟
發布: 2017-01-22 11:38:07
原創
1659 人瀏覽過

一、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 class="intro">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 屬性規定元素是否可拖曳。


值               說明

tru​​e    規定元素是可拖曳的。    

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="myHeader">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)!

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