html5 取radio的值 HTML5知識點總結

html5新增的內容性標籤

標籤：用於定義頁首資訊。

2. 標籤：定義導航欄。

6. ......

基本步驟：

1. canvas標籤的定義：

2. 使用js獲取該canvas物件：

var canvas = document.getelementbyid("mycanvas");

3. 獲取2d圖形上下文物件：

var context = canvas.getcontext("2d");

4. 使用context物件的屬性方法進行繪製：

context.fillstyle="#ff0000";
context.fillrect(30,30,100,100);

基本使用方法：

通過拖放api可以使頁面中任意元素變成可拖動的，這樣有利於設計出更友好的互動介面。

要使乙個元素能夠被拖動，需要為這個元素設定屬性draggable="true"，但這樣僅僅是表示該元素允許被拖放，但在拖放時並不攜帶資料，使用者看不到拖放的效果。這時還需要為該元素繫結事件***οndragstart="drag(event)"，並在事件處理函式中設定所需攜帶的資料。

ps :

基本語法：

html:

測試

js:

var mydiv = document.getelementbyid("mydiv");
function drag(e)

在html4中儲存資料使用cookie來實現，但是cookie的大小被限制在4kb以下，並且cookie會隨著http請求一起向伺服器傳送，可能會造成頻寬的浪費。

所以html5提供了web storage。

web storage有兩種儲存形式：session storage 和 local storage。

local storage：將資料儲存在客戶端的硬體裝置中，當瀏覽器關閉後，資料任然存在。

存資料：

localstorage.setitem(鍵 , 值);

取資料：

var data = localstorage.getitem(鍵);

其他屬性和方法：

localstorage.length;//返回鍵值對的數量
localstorage.key(index);//返回第index個資料的key(鍵)
localstorage.removeitem(key);//刪除對應的資料
localstorage.clear();//清空所有

html4中資料庫存放在伺服器端，只能通過伺服器來訪問資料庫，而在html5中內建了兩種本地資料庫：sqlite 和 indexeddb（輕量級nosql資料庫）。

現在w3c已暫停對sqlite規範進行更新，繼而把重點放在web storage 和 indexeddb。

建立worker物件（後台程序）多用於這些場合：抓取資料快取本地、後台i/o處理、大資料分析或計算處理、canvas繪圖中的圖形資料運算及生成處理、本地資料庫中的資料訪問及計算處理、計算量非常大（例如迴圈求1~100億的和）。