1、 html5 是html+css+javacript的綜合，所以在html5中生命<script></script>就可以了不用再script的標籤裏寫東西，<style></style>標籤同上。
2、 html新增的標籤：<canvas></canvas>這個標籤，是個畫布，通過他們可以在html上畫出各種形狀，<imgsrc=’’ width= height=/>引進來圖片，<vedio src=’’ width= height=></vedio>引進來視頻，視頻格式是mp4，ogg格式的視頻，視頻最好不要太大。
Controls是否顯示控制檯，就是視頻開始，停止controls=“controls”的用法
Autoplay 就緒後馬上播放，不收控制 autoplay 的用法
Loop 循環播放 loop=“loop”的用法
Preload 頁面加載時預加載不和autoplay一起使用preload="auto" 的用法
3、 htm5l代碼與html比較，html5代碼做了很大的簡化：
（1）、文檔聲明：<!DOCTYPE html>
（2）、字符編碼：<meta charset=’utf-8’/>
（3）、默認css作爲樣式表，默認javascript作爲腳本語言，所以定義的時候不用聲明javascript，直接<script></script>就可以了。
例子：
（4）、畫矩形：
<html>
<body><canvas width= height= id=”mycanvas”></canvas></body>這是畫布。
<script>
</script>
</html>
（5）、繪製線條：
<html>
<head>
<meta charset='utf-8'>
</head>
<body>
<canvas id="myCanvas"width="200" height="100"></canvas>
</body>
<scripttype="text/javascript">
varc=document.getElementById("myCanvas");
varcxt=c.getContext("2d");
cxt.fillStyle="#fffccc";填充顏色，如果不選擇，則默認的填充色是黑色
cxt.fillRect(0,0,100,100);
cxt.moveTo(10,10);畫筆起始座標
cxt.lineTo(30,80); 畫筆第一次結束點的座標
cxt.lineTo(50,10); 第二次結束的點的座標
cxt.stroke(); 繪製填充
</script>
</html>
（6）、繪製圓：
4、 footer header
代替了php文件中公共的頭部和尾部的加載，更有力於seo優化，不重複抓取頭部和尾部的信息
5、 html的儲存方式有兩種：
一、
（1）、種是html5的離線存儲：相當於將服務器端的資料，同步下載到本地，這樣當你離線後，會自動的從本地打開資源，我們以前用的是cookie來實現的，一個瀏覽器 300個cookie，每個cookie不能超過大於4k，html5 可以緩存 5mb的資料。
（2）、如何實現，在客戶端的離線存儲：
設置apache配置
1、開啓apache的cache-manifest功能
在httpd-conf 中加上 AddTypetext/cache-manifest cache.manifest
2、建一個文件cache.manifest文件，跟html文件同級路徑保持一致就可以
內容：CACHEMANIFEST
HTML的文件名例如：cache.html
需要緩存的內容例如：2.jpg，surface.mp4等內容
3、講cache。Manifset和html文件關聯起來
Html文件中寫上<htmlmanifest=’cache.manifset’>
二、web存儲
（1）html5的web的存儲有兩種：
一種是localStorage
一種是sessionStorage
他們的區別在於：localStorage存儲在客戶端，大小沒有限制，時間也沒有限制，
SessionStorage在當前訪問的頁面，一旦關閉這個頁面，下次再訪問的時候就會釋放變量，唯一的區別就在於，sessionStorage保存的是當前訪問的頁面。
1， localStorage.key();獲得的是，元素的小標，小標從0開始
2， localStorage.getItem(“name”) 通過下表獲得對應的值這裏獲得的是name的對象的admin的值
3， localStorage.Length（）獲得元素的個數
4， localStorage.removeItem()清除
5， localStorage.clear() 清除所有
6， localStorage.length()獲得有多鍵
7， localStorage.key()獲得存儲的鍵值
6、 html5新增表單標籤
1、 type=“email”限制用戶輸入的必須爲email格式
2、 type=“url”限制用戶輸入的必須爲url格式，並且是帶http協議的
3、 type=“time”限制用戶輸入的必須爲日期的格式
4、 type=“number”限制用戶輸入的必須爲數值類型
5、 type=“month”
6、 type=“week”
7、 type=“range”
8、 type=“search”
9、 type=“color”
10、 type=“data”效果很好的
一、所有的表單選項可以增加form屬性，值等於<formid=””>form標籤的id就可以
這樣點擊提交按鈕時也可將表單提交到reg.php，這就是form表單的form屬性
1. 表單的input的 屬性：
Required：是input屬性表示input中的值必須填
Placeholder 默認值，給用戶提示，不是提交到數據庫的<input type=’name’ placeholder=”請輸入用戶名”>這是提示用戶，不會添加到數據庫中
Autofocus 自動聚焦功能，提升用戶的友好
Pattern 在html元素中填寫正則表達式，用法 pattern=“\w{6,}”
2、form的屬性
Autocomplete=“on” autocomplete=“off”
可以用在form標籤中也可以用到input標籤中，自動填充
3、
這input標籤瀏覽器中可以點擊list=movie文本框是，可以出來這三個列表可以選擇填充，跟html中的<select></select>標籤相似