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