新增標籤
markup elements
meida elements
canvas elements
form elements
input type attribute values
標籤標籤
建立乙個canvas
通過js控制
var c=document.getelementbyid("mycanvas");
var cxt=c.getcontext("2d");
//畫個矩形
cxt.fillstyle="#ff0000";
cxt.fillrect(0,0,150,75);
//畫線
cxt.moveto(10,10);
cxt.lineto(150,50);
cxt.lineto(10,50);
cxt.stroke();
//畫圓
cxt.fillstyle="#ff0000";
cxt.beginpath();
cxt.arc(70,18,15,0,math.pi*2,true);
cxt.closepath();
cxt.fill();
//渲染
var grd=cxt.createlineargradient(0,0,175,50);
grd.addcolorstop(0,"#ff0000");
grd.addcolorstop(1,"#00ff00");
cxt.fillstyle=grd;
cxt.fillrect(0,0,175,50);
//放置
var img=new image();
img.src="img_flwr.png";
cxt.drawimage(img,0,0);
通過js儲存資料
localstorage 一直存在
sessionstorage 瀏覽器程序
更多的input type="?"
自動驗證
可設定min max step value
datepickers 包括
form
(沒看明白)
form attribute
autocomplete（記錄 類似ajax那種輸入提示）
autofocus
form（讓分開的form結構聯絡到一起 通過id）
其他諸如novalidate placeholder multiple pattern 等等表單屬性
另外多出很多諸如tags attributes events等
慘遭reference
關於canvas的小教程參考
寫得非常詳細
HTML5學習之 HTML 5 拖放
拖放 drag 和 drop 是 html5 標準的組成部分。拖放是一種常見的特性，即抓取物件以後拖到另乙個位置。在 html5 中，拖放是標準的一部分，任何元素都能夠拖放。internet explorer 9 firefox opera 12 chrome 以及 safari 5 支援拖放。注釋...
HTML5學習筆記一 簡單學習HTML5
html 是用來描述網頁的一種語言。html5 是下一代 html 標準。html html 4.01的上乙個版本誕生於 1999 年。自從那以後，web 世界已經經歷了巨變。html5 仍處於完善之中。然而，大部分現代瀏覽器已經具備了某些 html5 支援。html5 中的一些有趣的新特性 看一下...
HTML5學習筆記一 簡單學習HTML5
html 是用來描述網頁的一種語言。html5 是下一代 html 標準。html html 4.01的上乙個版本誕生於 1999 年。自從那以後，web 世界已經經歷了巨變。html5 仍處於完善之中。然而，大部分現代瀏覽器已經具備了某些 html5 支援。html5 中的一些有趣的新特性 看一下...