一.HTML新增標(biāo)簽
1.布局語義化標(biāo)簽
article:標(biāo)簽裝載顯示一個獨立的文章內(nèi)容汹粤，例如一篇文章要尔，報道橄仆，小說
selection:標(biāo)簽用來 定義文檔中的節(jié)貌笨，例如一個小說的一章節(jié)
aside：用來加載非正文類的內(nèi)容，對于主題內(nèi)容的說明
header：標(biāo)簽用來定義非正文內(nèi)容稚新，對于主題內(nèi)容的說明
footer：標(biāo)簽定義頁腳
nav：標(biāo)簽定義導(dǎo)航條鏈接
mark:在需要突出的地方進行標(biāo)記
details:標(biāo)簽用于描述文檔或文檔某個部分的細(xì)節(jié)勘伺，而這個細(xì)節(jié)并不需要文檔加載時就展示，而是可以折疊褂删。
summary:默認(rèn)顯示的details 元素的標(biāo)題飞醉。
prograss:標(biāo)簽定義運行中的進度（進程）。
datalist:標(biāo)簽定義選項列表屯阀。請與 input 元素配合使用該元素缅帘，來定義 input 可能的值。
keygen:標(biāo)簽規(guī)定用于表單的密鑰對生成器字段难衰。當(dāng)提交表單時钦无，私鑰存儲在本地，公鑰發(fā)送到服務(wù)器盖袭。
2.新增表單輸入類型
url
number（min,max step,value）
range
search
color
Data
3.新增表單屬性
placeholder提示框信息
autofocus：輸入焦點
require：必須填寫字段
pattern：正則驗證
checkValidity顯示驗證法
二：video和audio元素的屬性和方法
1.標(biāo)簽：
<video></video>視頻
<audio></audio>:音頻標(biāo)簽?
?2.屬性：? ? ? ?
?src :引用文件路徑? ? ? ??
? autoplay：自動播放? ? ? ??
?preload 默認(rèn)屬性auto 預(yù)先加載媒體文件? ? ? ??
poster 視頻的獨有屬性 播放前展示一張圖片 width 寬 height 高? ? ? ?
?loop 自動重新播放 ? ? ??
controls 用戶界面展示? ? ? ??
?error? 返回錯誤? ? ? ??
?played 獲取播放時的時間段? ? ? ?
?paused 暫停? 獲取暫停時的 boolean值? ? ? ?
?ended? 獲取結(jié)束時的boolean值? ? ? ?
?volumn 控制聲音大小? ? ??
? muted? 靜音控制?
3.方法??
Play()? :播放?
pause() :暫停
?load()? :重新加載?
4.事件?
?ontimeupdate ：音頻/視頻播放中事件? ? ? ?
?onended ：音頻/視頻結(jié)束時事件
三.canvas畫布
1.<canvas></canvas>: 畫布標(biāo)簽?
?2.屬性 ? ?
?width 寬? ? ? height 高?
strokeRect? 方法繪制矩形 ? ? ?
?fillRect? ? 方法繪制“已填色”的矩形?
?clearRect() 方法清空給定矩形內(nèi)的指定像素
?fillStyle? 屬性設(shè)置或返回用于填充繪畫的顏色失暂、漸變或模式
strokeStyle 屬性設(shè)置或返回用于筆觸的顏色、漸變或模式
?moveTo(x,y) 定義線條開始坐標(biāo) ?
?lineTo(x,y) 定義線條結(jié)束坐標(biāo) ?
beginPath() 開始一條路徑 ? ?
closePath() 創(chuàng)建從當(dāng)前點到開始點的路徑?
?arc()? ? ? 方法創(chuàng)建弧/曲線（用于創(chuàng)建圓或部分圓）?
arc(x,y,r,sAngle,eAngle,counterclockwise);['gre?d??nt]createLinearGradients() ? ?
?創(chuàng)建漸變對象? createLinearGradients(,x1,y1); ? ??
?createRadialGradient()?
創(chuàng)建放射式漸變對象 createRadialGradient(x,y,r,x1,y1,r1);? ? ?
?addColorStop()? 起始顏色??
?addColorStop(i,colors);
drawImage(img,x,y) 給畫布插入圖片
drawImage(img,x,y,width,height) 給插入畫布的圖片設(shè)置寬高
