HTML 5 概覽(簡單版)

New Semantic Elements 新的語意化標籤

新的文檔聲明: <!DOCTYPE html>
字符編碼: <meta charset="UTF-8">javascript

script標籤的變化css

舊: <script type="text/javascript" src="index.js"></script>
新: <script src="index.js"></script>html

link標籤的變化html5

舊: <link rel="stylesheet" type="text/css" href="index.css">
新: <link rel="stylesheet" href="index.css">java

新增標籤:api

  • section瀏覽器

  • articlesession

  • asidesocket

  • headeride

  • footer

  • nav

  • dialog

  • figure

新屬性 自定義屬性 data-**

HTML5 Events 新的事件

主要集中在新的api提供的事件, 能夠參考 html5_events

Forms 2.0 新的表單元素

  • datetime

  • datetime-local

  • date

  • month

  • week

  • time

  • number

  • range

  • email

  • url

  • output 標籤

  • placeholder 屬性

  • autofocus 屬性

  • required 屬性

Persistent Local Storage 本地持久化存儲

主要分爲localStoragesessionStorage
方法主要爲:

  • localStorage.getItem()

  • localStorage.setItem()

  • localStorage.removeItem()

  • localStorage.clear()

WebSocket

新一代的雙向通訊技術,通常使用socket的庫,如socket.io

Audio & Video 音頻接口

經過<video><audio>標籤實現,移動端尤爲是iOS的瀏覽器限制比較多,不能控制自動播放,也不能控制其音量。

  • Drag & drop 拖拽API

相關文章
相關標籤/搜索