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