HTML 學習——1

                 最近，在看新技術時，看到HTML5，目前比較熱門的技術，作爲一個C++的入門者，覺得還是有必要學習下，最起碼咱得了解下，不至於對HTML技術孤陋寡聞吧。

            目前，在http://www.w3school.com.cn/html5/html_5_video.asp 上面介紹，學習的都是不錯的選擇。

     1.Video 標籤        

<video width="320" height="240" controls="controls">
  <source src="http://www.w3school.com.cn/tiy/t.asp?f=html5_video_dom/example/html5/mov_bbb.mp4" type="video/mp4">
  <source src="http://www.w3school.com.cn/tiy/t.asp?f=html5_video_dom/example/html5/mov_bbb.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>

   2.Audio 標籤

<audio controls="controls">
  <source src="song.ogg" type="audio/ogg">
  <source src="song.mp3" type="audio/mpeg">
Your browser does not support the audio tag.
</audio>

  3.拖放（Drag 和 drop）是 HTML5 標準的組成部分。

  4.canvas 元素用於在網頁上繪製圖形。異常強大，異常實用。

  5.SVG 指可伸縮矢量圖形。貌似畫圖蠻好玩哦。

  6.

Canvas 與 SVG 的比較

下表列出了 canvas 與 SVG 之間的一些不同之處。

Canvas

• 依賴分辨率
• 不支持事件處理器
• 弱的文本渲染能力
• 能夠以 .png 或 .jpg 格式保存結果圖像
• 最適合圖像密集型的遊戲，其中的許多對象會被頻繁重繪

SVG

• 不依賴分辨率
• 支持事件處理器
• 最適合帶有大型渲染區域的應用程序（比如谷歌地圖）
• 複雜度高會減慢渲染速度（任何過度使用 DOM 的應用都不快）
• 不適合遊戲應用

   7.HTML5 - 使用地理定位，很實用，受限用戶是否允許。