頁眉 主要用於頁面的頭部的資訊介紹，也可用於板塊頭部 頁面上的一個標題組合一個標題和一個子標題，或標語的組合 妙味課堂 帶您進入富有人情味的IT培訓 導航（包含連結的的一個清單） 連結連結 妙味課堂 妙味教室 < nav> 妙味精品課程 javascript html+css < /ul> 頁腳頁面的底部或版塊底部 頁面上的版塊用於分割頁面上的不同區域,或劃分文章裡不同的節 用來在頁面中表示一套結構完整且獨立的內容部分可以用來呈現論壇的一個帖子，雜誌或報紙中的一篇文章，一篇博客，用戶提交的評論內容，可互動的頁面模組掛件等。 元素標籤可以包含與當前頁面或主要內容相關的引用、側邊欄、廣告、nav元素組，以及其他類似的有別與主要內容的部分aside 的內容應該與article 的內容相關。 被包含在中作為主要內容的附屬資訊部分，其中的內容以是與當前文章有關的引用、詞彙列表等在之外使用，作為頁面或站點全局的附屬信息部分；最典型的形式是側邊欄(sidebar)，其中的內容可以是友情連結、附屬導覽或廣告單元等。 < figure > 用於對元素進行組合。一般用於圖片或影片 figure的子元素用於對figure的內容進行說明###< img src=“miaov.png”/>(注意沒有alt) 妙味課堂photo © 妙味趣學##用來表現時間或日期# 我們每天早上9:00開始營業。 參數 我在 情人節 有個約會。 選項清單。 與 input 元素搭配使用，定義 input 可能的值。 javascripthtmlcss用於描述文檔或文檔某個部分的細節該元素用於摘錄引用等應該與頁面的主要內容區分開的其他內容Open 屬性預設展開< summary> details 元素的標題#妙味教室國內將知名的IT培訓機構#定義一段對話老師2 +2 等於？ 學生4#老師答對了！ 定義文章或頁面作者的詳細聯絡資訊 需要標記的單字或句子為表單加上公鑰 使用者: 公鑰: ###定義進度條#76標籤針對IE6-8這些不支援HTML5語意化標籤的瀏覽器我們可以使用javascript來解決他們方法如下： 在頁面的頭部加下：<p></p>document.createElement(“header”);<p>##document.createElement(“ nav”);</p> <p>document.createElement(“footer”);</p> <p>……</p> <p> #HTML5語意化標籤在IE6-8下，我們用js建立出來之後，他是不會有任何預設樣式的甚至是display，所以在樣式表裡要對這些標籤定義一下它預設的display 新的輸入型控制項 email : 電子郵件框文字框，跟普通的沒什麼區別當輸入不是郵箱的時候，驗證通不過移動端的鍵盤會有變化 tel : 電話號碼 url : 網頁的URL search : 搜尋引擎chrome下輸入文字後，會多出一個關閉的X range : 特定範圍內的數值選擇器min 、max、step( 步數) 範例: 用JS來顯示目前數值 新的輸入型控制項_2 number : 只能包含數字的輸入框 # color : 顏色選擇器 datetime : 顯示完整日期 datetime-local : 顯示完整日期，不含時區 time : 顯示時間，不含時區 date : 顯示日期 week : 顯示週 month : 顯示月 新的表單特性和函數 placeholder : 輸入框提示資訊範例: 微博的密碼框提示 autocomplete : 是否儲存使用者輸入值預設為on，關閉提示選擇off autofocus : 指定表單取得輸入焦點 list和datalist : 為輸入框建構一個選擇列表list值為datalist標籤的id required : 此項必填，不能為空 Pattern : 正規驗證pattern="\d{1 ,5}「 表單驗證 validity對象，透過下面的valid可以查看驗證是否通過，如果八種驗證都透過傳回true，一種驗證失敗傳回false #oText.addEventListener("invalid",fn1,false); ev.preventDefault() valueMissing : 輸入值為空時 typeMismatch : 控制項值與預期類型不符合 patternMismatch : 輸入值不滿足pattern正則 tooLong : 超過maxLength最大限制 rangeUnderflow : 驗證的range最小值###rangeOverflow ：驗證的range最大值######stepMismatch: 驗證range 的目前值是否符合min、max及step的規則######customError 不符合自訂驗證 #######setCustomValidity();自訂驗證###### Invalid事件: 驗證回饋######input.addEventListener('invalid',fn,false)######封鎖預設驗證：ev.preventDefault()### ###formnovalidate屬性: 關閉驗證######Formaction 在submit裡定義提交地址###### ####
