h5新增屬性和方法

1.header
header 標簽定義文檔或者文檔的一部分區域的頁眉。一般作為介紹內容或者導航鏈接欄的容器。
在一個文檔中，可以定義多個 <header> 元素。
注：<header> 標簽不能被放在 <footer>、<address> 或者另一個 <header> 元素內部。

2.nav
nav定義頁面中導航鏈接部分(傳統導航條、騰訊新聞、側邊欄導航、內頁導航、百度百科、翻頁操作)注：并不一定是視覺上的導航，只要是多鏈接區域，都可以使用

3.article
<article> 標簽定義獨立的內容。內容本身必須是有意義的且必須是獨立于文檔的其余部分。如：論壇帖子、博客文章、新聞故事、評論

4.aside
<aside> 標簽定義 <article> 標簽外的內容。應該與附近的內容相關。

5.section
<section> 標簽定義了文檔的某個區域。比如章節、頭部、底部或者文檔的其他區域。標示文檔的結構

6.footer
<footer> 標簽定義文檔或者文檔的一部分區域的頁腳。如：文檔創作者的姓名、文檔的版權信息、使用條款的鏈接、聯系信息等等。在一個文檔中，您可以定義多個 <footer> 元素。

7.figure
定義一段獨立的流內容，一般是文檔主體流內容中的一個獨立單元。使用figcaption元素為figure元素添加標題。
figure是一種元素的組合，帶有可選標題。用來表示網頁上一塊獨立內容。
figcaption表示figure的標題。從屬于figure，并且，figure中只能放置一個figcaption
注：有默認的邊距或填充值

8.hgroup
表示定義文件中一個區塊的相關信息，一般用作放置標題標簽的容器。

9.dialog
<dialog> 標簽定義一個對話框、確認框或窗口
注：目前，只有 Chrome 和 Safari 6 支持 <dialog> 標簽。

新增多媒體元素
（1）video元素
?--在HTML5中專門用來播放網絡上的視頻或者電影。
（2）audio元素
?--在HTML5中專門用來播放網絡上的音頻。
3）canvas

表示圖形，比如圖標和其他圖像。這個元素本身沒有行為，僅提供一塊畫布，但它把一個繪圖API展現給客戶端js，以使腳本能夠把想繪制的東西繪制到這塊畫布上

<canvas id=“myCanvas” width=“200” height=“200”> </canvas>

新增的表單元素
1.Datalist
datalist提供一個事先定義好的列表，通過id與input關聯，當在input內輸入時就會有自動完成的功能，用戶將會看見一個下拉列表供其選擇。
2.output
表示不同類型的輸出，比如腳本的輸出
注：表單中有應用

新增的input類型
1.email：專門用來輸入email地址的文本框,如果該文本框中內容不是email地址格式的，則不允許提交。但它不檢查email地址是否存在。提交時可以為空，除非加上了required屬性。
具有multiple屬性，它允許在該文本框中輸入一串以逗號分隔的email地址。
2.url：專門用來輸入URL地址的文本框。如果該文本框中內容不是URL地址格式的，則不允許提交。
例：<input name=‘url1’ type=‘url’ value=‘’http://www.baidu.com”>

3. number 和 range
   number 類型是專門用來輸入數字的，并且在提交時會檢驗是否為數字。number 類型有 max、min 和 step 屬性。max 是允許的最大值，min 是允許的最小值，step 是間隔。設置了這些屬性后，如果手動填入的數字不符合這些屬性條件，將不能提交。 range 類型是一個數字滑動條。它與 number 類型功能類似，也有 max、min 和 step 屬性，在 Opera 中，可以用左右方向鍵控制。range 類型自身沒有一個明顯的“數值”表示當前值，但可以使用 output 輸出當前值。
4. datetime 和 datetime-local
   datetime 類型是用來輸入 UTC 日期和時間的文本框，而 datetime-local 類型是用來輸入本地日期和時間的。它們與 date 類型的區別是后面多了一個時間框和“UTC”。
5. month 和 week month 類型是月份選擇器，它的值為：年-月，如：2012-01；week 類型是周選擇器，它的值為：年-W周數，如：2011-W02。
6. search
   search 類型的是用來輸入搜索關鍵詞的文本框，它與 text 類型在功能都沒有太大區別，只在外觀上有細微的區別。在 Chrome 10 和 Safari 5 中，當用戶輸入內容時，輸入框右側會有一個“×”按鈕，單擊該按鈕，將清空輸入框內的內容，使用非常方便。
   7.color
   color 類型用來選取顏色，它提供了一個顏色選取器，值為 16 進制符號，如：#ff0000。目前只在 Opera 和 Blackberry 瀏覽器中支持。
   8.output元素： 定義不同類型的輸出，如計算結果的輸出，或腳本的輸出。
   注：必須從屬于某個表單。即，必須將它書寫在表單內部，或對它添加form屬性。

HTML 5 不但新增加了表單元素、表單類型，還增加了一些表單屬性，同時使用的話，能更好的提高率開發者的工作效率，同時也提高了用戶的操作體驗。

1、自動驗證

1）、required
可以應用在大多數輸入元素上,在提交時如果元素內容為空白，則不允許提交，同時顯示提示文字。

2）、
將屬性值pattern設為某個格式的正則表達式，在提交時會檢查其內容是否符合給定格式。

例：<input  type=“text” pattern = “[0-9][A-Z]{3}”placeholder=‘輸入內容：一個數與三個大寫字母’>

3)placeholder屬性：文本框處于未輸入狀態時文本框中顯示的輸入提示。

4)autofocus屬性：給文本框、選擇框、或者按鈕控件加上該屬性，當打開頁面時，該控件自動獲得鼠標焦點，一個頁面只能有一個。

5)autocomplete 屬性規定輸入字段是否應該啟用自動完成功能。屬性值=on/off
自動完成允許瀏覽器預測對字段的輸入。當用戶在字段開始鍵入時，瀏覽器基于之前鍵入過的值，應該顯示出在字段中填寫的選項。使用時表單元素必須有name屬性；（歷史記錄功能）
注釋：autocomplete 屬性適用于 <form>，以及下面的 <input> 類型：text, search, url, telephone, email, password, datepickers, range 以及 color。
提示：在某些瀏覽器中，您可能需要手動啟用自動完成功能。
6）、 min、max、step：為包含數字或日期的 input 類型規定限定（約束）
max: 最大值
min: 最小值
step: 數字間隔

例：<input type="number“ min="0" max="10" step="3" />
7)取消驗證
可以對form表單添加novalidate屬性，即使form表單中的input添加了required，也將不進行驗證
8)Multiple:可以輸入一個或多個值，每個值之間用逗號分開；如果要獲取其中的值在用split獲取；
例：<input type=“email” multiple/>
還可以應用于file