html5 新增屬性瞭解

autofocus   獲取焦點

<input type="text" name="fname" autofocus> 頁面加載 input框自動獲取焦點

相似於js中的 $("input").focus();

charset="gb2312"   編碼格式

<meta charset="utf-8" />

<small> </small> 定義聲明性文字（免責聲明、注意事項、法律法規。。）

 定義下標文本

 定義上標文本

<bdo></bdo> 文本顯示方向 dir="ltr" （從左向右排）或者rtl（從右向左排 ）

html5 新增語義標籤

<abbr title=""></abbr> 內容縮寫 title中是原全部文字

<address></address> 表示一個地址

<blockquote cite=""></blockquote> 定義一段長的引用 cite引用網址 （帶換行）

<q></q>定義一個短的引用文本（不帶換行）

<cite></cite> 做品標題

<code></code>計算機代碼

<dfn></dfn>專業術語

<del></del>被刪除的文本

<ins></ins> 插入的文本

<datetime></datetime> 文本被刪除或插入的日期、時間

<pre></pre>表示該元素所包含的文本已經進行了「預格式化」

<samp></samp>定義示範文本內容

<kbd></kbd> 定義鍵盤文本

<var></var>表示一個變量

html5 新增的通用屬性

contentEditable 將元素中的內容變爲可編輯狀態,(具備可繼承性特色)

contentEditable="true" 

onclick="this.contentEditable=true;"

isContentEditable 判斷當前元素是否可編輯 返回true/false

designMode 至關於一個全局的contentEditable屬性，若是把designMode屬性設爲on則頁面中全部支持contentEditable 屬性的元素 都變成可編輯狀態，默認爲off

hidden 屬性瀏覽器中隱藏元素 hidden="true" 至關於 display="none"

<p id="test">0123456789</p> <button onclick="var test=document.getElementById('test');test.hidden=!test.hidden">顯示/隱藏</button>

spellcheck 爲input 與 textarea 元素的新屬性，瀏覽器對用戶輸入的文本內容執行輸入檢查，若是檢查不經過，瀏覽器會對拼錯的單詞進行提示。（火狐不支持）

spellcheck="true"