學習01-html（新增語義化標籤，多媒體標籤，表單屬性）

新增語義化標籤

header	頭部標籤
nav	導航欄標籤
article	內容標籤
section	塊級標籤
aside	側邊欄標籤
footer	尾部標籤

多媒體標籤

audio音頻

三總音頻格式

Ogg vorbis;
Mp3;
Wav;

屬性

autoplay	autoplay	若是出現該屬性則音頻在就緒後 立刻播放
controls	controls	若是出現該屬性，則像用戶顯示控件，好比按鈕播放
loop	loop	若是出現該屬性，則每當音頻結束時從新開始播放
src	url	要播放的音頻的URL

語法

單個文件語法

<audio src="audio/01.mp3" controls="controls" controls></audio>

多個播放設置

<audio controls="controls">
        <source src="mp3路徑地址" type="audio/mpeg">
        <source src="ogg路徑地址" type="audio/ogg">
    </audio>

video視頻

三種視頻格式

Ogg;
MPEG4;
WebM;

屬性

autoplay	autoplay	視頻就緒自動播放
controls	controls	向用戶顯示控件播放
width	pixels（像素）	設置播放器寬度
height	pixels（像素）	設置播放器高度
loop	loop	播放完是否繼續播放該視頻，循環播放
preload	proload || auto（預先加載視頻） || none（不該加載視頻）	規定是否預加載視頻（若是有了autoplay就忽略該屬性）
src	url	視頻url地址
poster	imgurl	加載等待的畫面圖片
muted	muted	靜音播放

語法

單個語法

<video src="文件地址" controls="controls"></video>

多個播放

<video controls="controls">
        <source src="audio/video.mp4" type="video/mp4">
        <source src="audio/01.ogg" type="video/ogg">
    </video>

表單屬性

type

email	限制用戶輸入必須爲Email類型
url	限制用戶必須爲URL類型
date	限制用戶輸入必須爲日期類型
time	限制用戶輸入必須爲事件類型
month	限制用戶必須爲月類型
week	限制用戶輸入必須爲周類型
number	限制用戶輸入必須爲數字
tel	手機號碼
search	搜索框
color	生成顏色選擇表單

表單屬性

required	required	表單擁有該屬性表示其內容不能爲空，必填
placeholder	提示文本	表單的提示信息，存在默認值將不顯示
autofocus	autofocus	自動聚焦屬性，頁面加載完成自動聚焦到指定表單
autocomplete	off / on	當用戶在字段開始鍵入時，瀏覽器基於以前鍵入過的值，應該顯示出在字段中填寫的選項 默認已經打開，如autocomplete=「on」 關閉autocomplete=「off」 須要放在表單內同時加上name屬性 同時成功提交
multiple	multiple	能夠多選文件提交