HTML5的新特性

2021-07-14 17:37:50 字數 471 閱讀 8056

html的新特性:①html5是下一代html標準

②強化了web的表現性(支援網頁多**;提供canvas畫布(2d圖形);三維、圖形及特效)

③支援語義化標籤(header、footer)

④新的表單標籤

⑤增加離線本地儲存

⑥地理定位

⑦應用快取(快取:將經常需要訪問的資料,放在記憶體中或者本地磁碟裡)

canvas(畫布):允許繪製直線、橢圓、矩形、字元、影象等;

畫素級繪製圖形;

支援渲染內容以png、jpg格式儲存。

svg(可伸縮向量圖形)

特點:放大和縮小圖形質量不會有損失;不適合遊戲

優勢:可通過文字編輯器編輯;可讀取圖形文字資訊;高質量列印;影象無損放大

元素拖放:把乙個內容拖動到另乙個位置。

需要使用js控制;html5中任何元素都能夠被拖放

快取優勢:離線瀏覽;效率高;減少伺服器負載

HTML5的新特性

我是頭部 導航標籤 內容標籤 定義文件某個區域 側邊欄標籤 尾部標籤音訊標籤type email 限制使用者輸入必須為email型別 type url 限制使用者輸入必須為url型別 type date 限制使用者輸入必須為日期型別 type time 限制使用者輸入為時間型別 type month...

html5 標籤新特性

html5主要的特徵就是標籤語義化。語義化的好處就是使得 結構讓人清晰易讀,這些語義化的標籤會有一些自帶屬性,比如說邊距 顏色 和display的設定等等 頭部 內容 內容分塊1 內容分塊2 內容分塊3 底部 導航 側欄 引用 自帶邊距,和縮排 標記 保留書寫的樣式 包括空格 tab 還有 ente...

HTML5 新特性,拖放

html5 拖放 drag 和 drop 例 html js var box1div,msgdiv,img1 window.onload function 被拖動時,前面是設定的,後面是本來的id img1.ondragstart function e 呼叫 preventdefault 來避免瀏覽...