語意標(biāo)簽
- <header>: 頭部標(biāo)簽
- <nav>: 導(dǎo)航標(biāo)簽
- <article>: 內(nèi)容標(biāo)簽
- <section>: 定義文檔某個(gè)區(qū)域
- <aside>: 側(cè)邊欄標(biāo)簽
- <footer>: 尾部標(biāo)簽
注意:
- 這些語義化標(biāo)準(zhǔn)只要是針對搜索引擎的
- 這些新標(biāo)簽頁面中可以使用多次
- 在IE9中,需要把這些元素轉(zhuǎn)換為塊級元素
- 其實(shí)迄汛,移動端更適合用這些標(biāo)簽
- 以上標(biāo)簽時(shí)基礎(chǔ)標(biāo)簽,還有其他
多媒體標(biāo)簽
- <audio> 音頻
- <video> 視頻
代替flash或插件實(shí)現(xiàn)音頻視頻播放
video
支持MP4涤妒,WebM,Ogg账劲,推薦MP4格式
語法:<video src="文件地址" controls="controls"></video>
屬性如下:
- autoplay 自動播放侈玄,谷歌瀏覽器除外
- controls 播放控件(瀏覽器有差異,一般使用JS實(shí)現(xiàn))
- width 播放器快遞
- height 播放器高度
- loop 播放完是否循環(huán)
- preload(auto/none)沒有autoplay設(shè)定下损话,規(guī)定是否預(yù)加載視頻
- src 地址
- poster 等待的畫面圖片
- muted 靜音播放(谷歌瀏覽器添加muted,可在autoplay設(shè)定下槽唾,自動播放視頻)
audio
支持MP3丧枪,Wav,Ogg庞萍,推薦MP3
語法:<audio src="文件地址" controls="controls"></audio>
屬性如下:
- autoplay 自動播放(谷歌禁用)
- controls 控制器
- loop 循環(huán)播放
- src 地址
input類型
- url
- date
- time
- month
- week
- number
- tel
- search
- color
表單屬性
- required 必填項(xiàng)
- placeholder 提示文本拧烦,存在默認(rèn)值時(shí)不顯示 input::placeholder 改變樣式
- autofocus 自動聚焦
- autocomplete 提交成功過的值,成為可用的選項(xiàng)
- multiple 多文件提交