HTML5 新功能

陳信嘉

課程重點

• HTML5 新技術

  • 表單 Input

  • SVG 圖像

較重要項目

• Form 表單元件
• Canvas (網頁動畫及遊戲的標準，取代 Flash)
• SVG (最常見於大型 icon)
• HTML APIs
  • Geolocation
  • Drag-Drop
  • Local Storage
  • App Cache
  • Web Workers
  • SSE

技術的選擇 (主觀)

• 結構的 Tag (o)
• Form 表單元件 (x) (jQuery)
• Canvas (o)
• SVG (-)
• HTML APIs
  • Geolocation (-) (PhoneGap)
  • Drag-Drop (x) (jQuery UI)
  • Local Storage (o)
  • App Cache (o)
  • Web Workers (x) (jQuery AJAX)
  • SSE (-) (jQuery AJAX)

HTML5 Input

網頁上的圖形顯示

• jpg, gif, png
• SVG
  • 大型 ICON
  • Icon Finder 有許多 icon 可用
  • google『SVG  editor online』線上編輯工具
• Font Awason Icon
  http://fontawesome.io/icons/
• HTML Canvas

w3schools.com

http://www.w3schools.com/html/default.asp

......