這篇文章運用簡單易懂的例子給大家介紹Html5語義化標簽及兼容性處理詳細介紹，代碼非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。
主要用于頁面的頭部的信息介紹，也可用于板塊頭部 頁面上的一個標題組合 一個標題和一個子標題，或者標語的組合
導航 （包含鏈接的的一個列表）
頁腳 頁面的底部 或者 版塊底部
(注意沒有alt)
用來表現(xiàn)時間或日期
我們在每天早上 開始營業(yè)。
參數(shù)我在 有個約會。
選項列表。
與 input 元素配合使用，來定義 input 可能的值。
Open 屬性默認展開
< summary> details 元素的標題
國內(nèi)將知名的IT培訓機構(gòu)
定義一段對話
需要標記的詞或句子
76%
標簽
針對IE6-8這些不支持HTML5語義化標簽的瀏覽器我們可以使用javascript來解決他們 方法如下：
在頁面的頭部加下：
樣式
HTML5語義化標簽在IE6-8下，我們用js創(chuàng)建出來之后，他是不會有任何默認樣式的甚至是 display，所以在樣式表里 要對這些標簽定義一下 它默認的display
新的輸入型控件
email : 電子郵箱文本框，跟普通的沒什么區(qū)別 當輸入不是郵箱的時候，驗證通不過 移動端的鍵盤會有變化
tel : 電話號碼
url : 網(wǎng)頁的URL
search : 搜索引擎 chrome下輸入文字后，會多出一個關(guān)閉的X
range : 特定范圍內(nèi)的數(shù)值選擇器 min、max、step( 步數(shù) ) 例子 : 用JS來顯示當前數(shù)值
新的輸入型控件_2
number : 只能包含數(shù)字的輸入框
color : 顏色選擇器
datetime : 顯示完整日期
datetime-local : 顯示完整日期，不含時區(qū)
time : 顯示時間，不含時區(qū)
date : 顯示日期
week : 顯示周
month : 顯示月
新的表單特性和函數(shù)
placeholder : 輸入框提示信息 例子 : 微博的密碼框提示
autocomplete : 是否保存用戶輸入值 默認為on，關(guān)閉提示選擇off
autofocus : 指定表單獲取輸入焦點
list和datalist : 為輸入框構(gòu)造一個選擇列表 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的規(guī)則
customError 不符合自定義驗證
setCustomValidity(); 自定義驗證
Invalid事件 : 驗證反饋
input.addEventListener('invalid',fn,false)
阻止默認驗證：ev.preventDefault()
formnovalidate屬性 : 關(guān)閉驗證
Formaction 在submit里定義提交地址
關(guān)于Html5語義化標簽及兼容性處理詳細介紹就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。
另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。
重慶分公司
重慶分公司
