HTML5新增標簽

註:可能有兼容性問題IE9+的瀏覽器才可以新增標簽

1.語義化標簽

  •    :頭部標簽
  •     :內容標簽
  • :定義文檔中的某個區域
  •      :側邊欄標簽
  •      ;尾部標簽

註意:

  • 這些標簽可以多次使用
  • IE9中需要轉換成塊級元素

2.多媒體標簽

音頻:

視頻:

視頻標簽

地址

或者

其常見屬性

屬性 描述
autoplay autoplay 視頻就緒自動播放(谷歌需要添加muted屬性)
controls controls 向用戶顯示播放控件
width 像素值 設置播放器寬度
height 像素值 設置播放器高度
loop loop 播放完是否繼續播放該視頻,循環播放
preload

auro(預先加載視頻)

none(不應加載視頻)

規定是否預加載視頻(如果有autoplay,就忽略該屬性)
src url 視頻的地址
poster imgurl 加載等待的畫面圖片
mutrd muted 靜音播放

音頻標簽:

        

或者

        

 常見屬性:

屬性 描述
autoplay autoplay 音頻就緒自動播放(谷歌禁止)
controls controls 向用戶顯示播放控件
loop loop 播放完是否繼續播放該音頻,循環播放(谷歌禁止)
src url 音頻的地址

3.新增input表格 

屬性值 說明
type=”email” 用戶輸入必須是Email類型
type=”url” 用戶輸入必須是url類型
type=”date” 用戶輸入必須是日期類型
type=”time” 用戶輸入必須是時間類型
type=”mouth” 用戶輸入必須是月類型
type=”week” 用戶輸入必須是周類型
type=”number” 用戶輸入必須是數字類型
type=”tel” 手機號碼
type=”search” 搜索框
type=”color” 生成一個顏色選擇表單

表單新增屬性

屬性 說明
required required 其內容不能為空,必填
placeholder 提示文本 表單的提示信息,存在的默認值將不顯示
autofocus autofocus 自動聚焦屬性,頁面加載完成自動聚焦到指定表單
autocomplete off/on

顯示之前輸入過的值,默認已經打開

需要放在表單裡,加上name屬性,同時成功提交

mulyiple multiple 可以多選文件提交

修改placeholder內的文字

input::placeholder {coleor:pink;}