figure的子元素 用于對figure的內(nèi)容 進(jìn)行說明
(注意沒有alt)
妙味課堂 photo © 妙味趣學(xué)用來表現(xiàn)時(shí)間或日期
我們在每天早上 開始營業(yè)。
參數(shù) 我在 有個(gè)約會(huì)。
選項(xiàng)列表。
與 input 元素配合使用,來定義 input 可能的值。
用于描述文檔或文檔某個(gè)部分的細(xì)節(jié) 該元素用于摘錄引用等 應(yīng)該與頁面的主要內(nèi)容區(qū)分開的其他內(nèi)容Open 屬性默認(rèn)展開
< summary> details 元素的標(biāo)題
妙味課堂
國內(nèi)將知名的IT培訓(xùn)機(jī)構(gòu)
定義一段對話 定義文章 或頁面作者的詳細(xì)聯(lián)系信息 需要標(biāo)記的詞或句子
給表單添加一個(gè)公鑰
76%
標(biāo)簽
針對IE6-8這些不支持HTML5語義化標(biāo)簽的瀏覽器我們可以使用javascript來解決他們 方法如下:
在頁面的頭部加下:
document.createElement(“header”);
document.createElement(“nav”);
document.createElement(“footer”);
……
樣式
HTML5語義化標(biāo)簽在IE6-8下,我們用js創(chuàng)建出來之后,他是不會(huì)有任何默認(rèn)樣式的甚至是 display,所以在樣式表里 要對這些標(biāo)簽定義一下 它默認(rèn)的display
新的輸入型控件
email : 電子郵箱文本框,跟普通的沒什么區(qū)別 當(dāng)輸入不是郵箱的時(shí)候,驗(yàn)證通不過 移動(dòng)端的鍵盤會(huì)有變化
tel : 電話號碼
url : 網(wǎng)頁的URL
search : 搜索引擎 chrome下輸入文字后,會(huì)多出一個(gè)關(guān)閉的X
range : 特定范圍內(nèi)的數(shù)值選擇器 min、max、step( 步數(shù) ) 例子 : 用JS來顯示當(dāng)前數(shù)值
新的輸入型控件_2
number : 只能包含數(shù)字的輸入框
color : 顏色選擇器
datetime : 顯示完整日期
datetime-local : 顯示完整日期,不含時(shí)區(qū)
time : 顯示時(shí)間,不含時(shí)區(qū)
date : 顯示日期
week : 顯示周
month : 顯示月
新的表單特性和函數(shù)
placeholder : 輸入框提示信息 例子 : 微博的密碼框提示
autocomplete : 是否保存用戶輸入值 默認(rèn)為on,關(guān)閉提示選擇off
autofocus : 指定表單獲取輸入焦點(diǎn)
list和datalist : 為輸入框構(gòu)造一個(gè)選擇列表 list值為datalist標(biāo)簽的id
required : 此項(xiàng)必填,不能為空
Pattern : 正則驗(yàn)證 pattern="\d{1,5}“
表單驗(yàn)證
validity對象,通過下面的valid可以查看驗(yàn)證是否通過,如果八種驗(yàn)證都通過返回true,一種驗(yàn)證失敗返回false
oText.addEventListener("invalid",fn1,false);
ev.preventDefault()
valueMissing : 輸入值為空時(shí)
typeMismatch : 控件值與預(yù)期類型不匹配
patternMismatch : 輸入值不滿足pattern正則
tooLong : 超過maxLength最大限制
rangeUnderflow : 驗(yàn)證的range最小值
rangeOverflow:驗(yàn)證的range最大值
stepMismatch: 驗(yàn)證range 的當(dāng)前值 是否符合min、max及step的規(guī)則
customError 不符合自定義驗(yàn)證
setCustomValidity(); 自定義驗(yàn)證
Invalid事件 : 驗(yàn)證反饋
input.addEventListener('invalid',fn,false)
阻止默認(rèn)驗(yàn)證:ev.preventDefault()
formnovalidate屬性 : 關(guān)閉驗(yàn)證
Formaction 在submit里定義提交地址
關(guān)于Html5語義化標(biāo)簽及兼容性處理詳細(xì)介紹就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,可以學(xué)到更多知識。如果覺得文章不錯(cuò),可以把它分享出去讓更多的人看到。
當(dāng)前題目:Html5語義化標(biāo)簽及兼容性處理詳細(xì)介紹
標(biāo)題URL:http://fisionsoft.com.cn/article/jcdocg.html