html5的基本用法

html5是此刻最風行的頁面超文本編纂說話，普遍的應用在手機端的開辟已經web項目標開辟，并且同一的尺度和實時更新，新出的標簽為我們泛博的利用者帶來了良多的便利。

東西/原料

1
map 標簽我們可覺得圖片添加事務，將一個圖片分為幾個區域添加事務，可以實現例如簡單的地圖，屬性介紹
<area shape="circle" coords="180,150,10"> d界說其外形和坐標，可為area添加事務
2
視頻標簽《vedio》當我們在網頁打開視頻是不需要加任何標簽，只需要引入《 vedio》標簽很是便利。例如<video src="片子.mp4"> </video> ，只需要在但src引入文件的路徑，是格局撐持不全
3
音頻播放 <audio>標簽可以播放歌曲等音頻文件，<audio src="歌曲.mp3" > </audio>只要在src中引入音頻的路徑，利用很是簡單，易懂。結果如圖
4
撐持拖拽，例如我們在頁面中想要將一個圖片拖拽到，指心猿意馬的div中，我們可以設置圖片可拖放屬性draggable="true"，經由過程挪用事務ondragstart 將指心猿意馬的 s圖片etData()到指定位置。實現代碼如圖
5
畫布功能，可以說是html5的焦點，我們可以js自界說的繪制本身想要的工具，起首我們要先界說一個<canvas id="myid" width="400" height="400"></canvas>畫板.結果如圖
6
其次操縱js完當作在畫板上的圖形繪制，本例子以簡單的線為例子用getContext("2d") 建立html5內置對象，獲取對象后挪用cmoveTo(parm1,parm2); lineTo(parm1,parm2); cxt.stroke();來繪制線，此中參數parm1和parm2位坐標點。結果如圖