html5筆記

1、主體結構元素

一、section元素

（1）不要將section做爲設置樣式的頁面容器，div負責。

（2）若是article元素，aside元素，nav元素更符合使用條件，不使用section

（3）沒有標題的內容，不要使用section

二、nav元素應用場景

（1）傳統導航條

（2）側邊欄導航

（3)頁內導航

(4)翻頁操做

（5）不能用menu元素替代nav。menu是交互性元素。

三、aside

（1）在article元素內使用，做爲名詞解釋。

（2）在article外使用，頁面或站點的附屬信息部分，側邊欄，包含與當前頁面或主要內容相關的引用、側邊欄、廣告、導航條。

四、time元素與微格式，pubdate

當有多個時間存在，擁有pubdate屬性的time元素表示具體的發佈時間

2、非結構主體元素

一、header

header 元素是一種具備引導和導航做用的結構元素，一般用來放置整個頁面或頁面內的一個內容區塊的標題，可是也能夠包含其餘內容，例如數據表格、搜索表單或相關的 logo 圖片

二、footer

footer 元素能夠做爲其上層父級內容區塊或是一個根區塊的腳註。footer 一般包括其相關區塊的腳註信息，如做者、相關閱讀連接及版權信息等。

三、hgroup

是將標題及其子標題進行分組的元素。hgroup元素一般會將h1~h6元素進行分組，譬如一個內容區塊的標題及其子元素算一組。

四、address
address 元素用來在文檔中呈現聯繫信息，包括文檔做者或文檔維護者的名字、他們的網站連接、電子郵箱、真實地址、電話號碼等。address 應該不僅用來呈現電子郵箱或真實地址，還用來展現跟文檔相關的聯繫人的全部聯繫信息。

3、表單

本課時講解在 HTML4 中，表單內的從屬元素必須書寫在表單內部，而在 HTML5 中，能夠把他們書寫在頁面上任何地方，而後爲該元素指定一個 form 屬性，屬性值爲該表單的 id，這樣就能夠聲明該元素從屬於指定表單了

一、form和formaction

以前一個表單元素，有一個action，只能提交到一個服務器，利用formaction，能夠將不一樣元素提交到不一樣服務中。

二、formmethod 和 formenctype 屬性

一個表單內只能有一個 action 屬性用來對錶單內全部元素統一指定提交頁面，因此每一個表單內頁只有一個 method 屬性來統一指定提交方法。在 HTML5 中，可使用 formmethod 屬性來對每個表單元素分別指定不一樣的提交方法。

formenctype對錶單元素分別指定不一樣的編碼方式

三、formtarget 屬性和 autofocus 屬性

在 HTML4 中，表單元素具備一個 target 屬性，該屬性用於指定在何處打開表單提交後所須要加載的頁面。 在 HTML5 中，能夠對多個提交按鈕分別使用 formtarget 屬性來指定提交後在何處打開所需加載的頁面。

四、required 屬性和 labels 屬性

required 屬性能夠應用在大多數輸入元素上，在提交時，若是元素中內容爲空白，則不容許提交，同時在瀏覽器中顯示信息提示文字。

爲全部可以使用標籤的表單元素、button、select元素等，定義一個labels屬性，屬性值爲一個nodelist對象，表明該元素所綁定的標籤元素所構成的集合
五、control屬性與placeholder屬性

在HTML5中，能夠再標籤內部放置一個表單元素，而且經過該標籤的control屬性來訪問該表單元素。placeholder是指當文本框處於未輸入狀態時顯示的輸入提示。當文本框處於未輸入狀態且未獲取光標焦點時，模糊顯示輸入提示文字。

六、list屬性和AutoComplete屬性

在HTML5中，爲單行文本框增長了一個list屬性，該屬性的值爲某個datalist元素的id。datalist元素也是HTML5中新增的元素， 該元素相似於選擇框，可是當用戶想要設定的值不在選擇列表以內時，容許自行輸入。datalist元素自己並不顯示，而是當文本框得到焦點時以提示輸入的 方式顯示。

七、pattern屬性和SelectionDirection屬性

在HTML5中，對input元素使用pattern屬性，而且將屬性值設爲某個格式的正則表達式，在提交時會針對這些進行檢查，檢查其內容是否符合給定 格式。當輸入的內容不符合給定格式時，則不容許提交，同時在瀏覽器中顯示信息提示文字，提示輸入的內容必須符合給定格式。