HTML5新特性總結

HTML5發佈於2014年，設計目的是爲了在移動端支持多媒體。

1、語義化標籤

<header>web知識大全</header>
<nav>
    <a>html</a>
    <a>css</a>
    <a>javascript</a>
</nav>
<section>
    <h2>html4</h2>
    <p>html4是上一代web語言標準……</p>
</section>
<section>
    <h2>html5</h2>
    <p>html5是上最新web語言標準……</p>
</section>
<article>
    <h2>html5歷史</h2>
    <p>html5是2014年推出的……</p>
    <!--figure表示插入的圖像、圖標、代碼、照片等，去掉並不影響文檔排版-->
    <figure>
        <img src="abc.jpg">
        <figcaption>html5發展歷史圖</figcaption>
    </figure>
</article>
<aside>
    <p>表示主內容區域以外的部分，如側邊欄</p>
</aside>
<footer>copyRight2019</footer>

section和article標籤都是獨立的分塊標籤，section跟隨意，article表示單獨的文字單元。

2、音頻/視頻
audio和video標籤：是網頁上播放的標準格式，以前經過插件（flash）來播放。

3、圖形繪製功能
canvas標籤：只是建立一個圖形容器，須要用JavaScript腳本繪圖。（遊戲應用，渲染快）
svg標籤：內聯支持SVG，矢量圖。（谷歌地圖，不失真）

4、表單元素和屬性
datalist
input屬性：placehold、required、pattern（正則表達式）、autofocus（自動獲取焦點）
input類型：url、email、number、color（調起設備顏色控件）、date（調起設備日曆控件）、range、week(調起設備日曆控件<含周>)

5、本地存儲
localstorage、sessionstorage

6、web workers
新的多線程方式

7、websocket
較傳統的ajax輪詢，新的鏈接方式，一次鏈接，無需屢次請求。

8、SSH
Server-Sent 事件指的是網頁自動獲取來自服務器的更新。
之前也可能作到這一點，前提是網頁不得不詢問是否有可用的更新。經過服務器發送事件，更新可以自動到達。

9、定位功能
navigator對象下的geolocation.getCurrentPosition(tarPos,err)方法，可獲取用戶當前位置。
使用：tarPos.coords.latetude,longetude……等詳細信息。
失敗：用戶拒絕，獲取失敗，超時。

10、MathML對象<math>標籤，用來書寫數學公式。