柚子快報激活碼778899分享:筆記 HTML5新增加
柚子快報激活碼778899分享:筆記 HTML5新增加
新增語義化標(biāo)簽
新增布局標(biāo)簽
包裹連續(xù)標(biāo)題(W3C將其刪除)
article和section:
article里面可以有多個section;section強(qiáng)調(diào)分段或分塊,如果想將一塊內(nèi)容分成幾段,可使用section元素;article比section更強(qiáng)調(diào)獨(dú)立性,一塊內(nèi)容如果比較獨(dú)立、比較完整,應(yīng)該使用article
新增狀態(tài)標(biāo)簽
屬性:high 規(guī)定高值
low 規(guī)定低值
max 最大值
min 最小值
optimum 最優(yōu)值
value 當(dāng)前值
屬性:max 規(guī)定目標(biāo)值
value當(dāng)前值
新增列表標(biāo)簽
? ? ?
? ?
? ?
一步步走
新增文本標(biāo)簽
需要注音的文字文本注音
文本標(biāo)記
表單相關(guān)的新增
新增表單控件屬性
placeholder 提示文字,不是默認(rèn)值,value是默認(rèn)值,適用于文字輸入類的表單控件
required 表示該項(xiàng)是必填項(xiàng),適用于除按扭外其他表單控件
autofocus 自動獲取焦點(diǎn),適用于所有表單控件
autocomplete 自動完成,可以設(shè)置為on或offer,適用于文字輸入類的表單控件,保留之前提交過的信息,后邊可直接選擇
pattern 填寫正則表達(dá)式,適用于文本輸入類表單控件,多行輸入不可用,且空的輸入框不會驗(yàn)證,往往與required配合。提交前判斷輸入是否符合正則表達(dá)式的要求,若不符合無法提交。
?input新增的type屬性
email 郵箱類型的輸入框,表單提交時驗(yàn)證格式,輸入為空則不驗(yàn)證
url? url類型的輸入框,表單提交時驗(yàn)證格式,輸入為空則不驗(yàn)證
number? 數(shù)字類型的輸入框,表單提交時驗(yàn)證格式,輸入為空則不驗(yàn)證
search? 搜索類型的輸入框,表單提交時不會驗(yàn)證格式
tel 電話類型的輸入框,移動端使用時,會喚起數(shù)字鍵盤
range 范圍選擇框,默認(rèn)值為50,提交時不驗(yàn)證
color 顏色選擇框,默認(rèn)黑色,提交時不驗(yàn)證
date 日期選擇框,默認(rèn)空,提交時不驗(yàn)證
month 月份選擇框,默認(rèn)空,提交時不驗(yàn)證
week 周選擇框,默認(rèn)空,提交時不驗(yàn)證
time 時間選擇框,默認(rèn)空,提交時不驗(yàn)證
datetime-local 日期+時間選擇框,默認(rèn)空,提交時不驗(yàn)證
新增多媒體標(biāo)簽
新增視頻標(biāo)簽
屬性:src:URL地址 視頻地址
width、height:像素值
controls? 向用戶顯示視頻控件(播放、暫停按鈕)
muted 視頻靜音
autoplay 視頻自動播放
loop 循環(huán)播放
poster:URL地址 視頻封面
preload:auto/metadata/none 視頻預(yù)加載
音頻標(biāo)簽
屬性:src:URL地址 視頻地址
controls? 向用戶顯示音頻控件(播放、暫停按鈕)
muted 靜音
autoplay 音頻自動播放
loop 循環(huán)播放
preload:auto/metadata/none 音頻預(yù)加載
H5兼容性處理
法一:添加元信息,讓瀏覽器處于最優(yōu)渲染模式
法二:使用html5shiv讓低版本瀏覽器認(rèn)識H5語義化標(biāo)簽
柚子快報激活碼778899分享:筆記 HTML5新增加
好文推薦
本文內(nèi)容根據(jù)網(wǎng)絡(luò)資料整理,出于傳遞更多信息之目的,不代表金鑰匙跨境贊同其觀點(diǎn)和立場。
轉(zhuǎn)載請注明,如有侵權(quán),聯(lián)系刪除。