創建一個html5頁面
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
......
</body>
</html>
html5新的 (input type=類型) 元素
<input type="number" name="quantity" />
<input type="date" name="bday" />
<input type="color" name="favcolor" />
<input type="range" name="points" />
<input type="month" name="bdaymonth" />
<input type="week" name="week_year" />
<input type="datetime" name="bdaytime" />
<input type="datetime-local" name="bdaytime" />
<input type="email" name="email" />
<input type="search" name="googlesearch" />
<input type="tel" name="usrtel" />
<input type="url" name="homepage" />
html5新元素
<datalist> 標簽定義可選數據的列表。
<keygen> 標簽定義生成密鑰。
<output> 標簽定義不同類型的輸出。
<article> 標簽定義外部的內容。
<aside> 標簽定義 article 以外的內容。aside 的內容應該與 article 的內容相關。
<details> 標簽定義元素的細節，通過點擊進行隱藏。
<dialog> 標簽定義對話框或窗口。
<figcaption> 標簽定義 figure 元素的標題。
<figure> 標簽用於對元素進行組合。使用 figcaption 元素為元素組添加標題。
<footer> 標簽定義 section 或 document 的頁腳。
<header> 標簽定義 section 或 document 的頁眉。
<main> 標簽定義文檔的主要內容。
<meter> 標簽定義度量衡。可在 min/max 屬性中定義。
<nav> 標簽定義導航鏈接的部分。
<rp> 標簽定義在 ruby 注釋中使用。
<rt> 標簽定義字符（中文注音或字符）。
<ruby> 標簽定義 ruby 注釋（中文注音或字符）。
<section> 標簽定義文檔中的章節、頁眉、頁腳或文檔中的其他部分。
<summary> 標簽定義包含 details 元素的標題。
<time> 標簽定義日期或時間。
<mark> 標簽定義標記或高亮顯示文本。此標簽很常用，在搜索中可以高亮顯示搜索關鍵詞。
<progress> 標簽運行中的進程。此標簽來顯示 javascript 中耗費時間的函數的進程。
--------------------------------------------------------------------------
<video> 標簽定義視頻。
<audio> 標簽定義聲音。
<source> 標簽為媒介元素（<video>、<audio>）定義媒介資源。
<canvas> 標簽定義圖形。