自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

HTML 5中的五個(gè)應(yīng)用亮點(diǎn)

開發(fā) 前端
本文介紹HTML 5中的五個(gè)應(yīng)用亮點(diǎn),以及介紹HTML 5支持contenteditable屬性,允許你設(shè)定網(wǎng)頁的哪一部分可以編輯,在基于Wiki的站點(diǎn),這非常實(shí)用。

1. 標(biāo)簽更語義化

標(biāo)簽語義化在Web2.0時(shí)代已經(jīng)得到大力推廣,不過開發(fā)人員仍需要足夠的耐心,“曲線救國”是常常需要的,HTML4 如下 表現(xiàn):

HTML4

HTML 5 將如下表現(xiàn):

HTML 5

2. Web 表單UI更好用

比如有下面這樣一個(gè)表單:

Web表單UI

在 HTML4 我們需要這樣寫代碼,然后使用 JavaScript 或服務(wù)器端的腳本進(jìn)行驗(yàn)證:

HTML4代碼

而 HTML5 中的  required 與 email 屬性可以直接實(shí)現(xiàn)驗(yàn)證,如下:

HTML5代碼

3. 直接支持音視頻

HTML 5 將提供多個(gè) API,如音頻和 視頻標(biāo)簽可以讓開發(fā)者不借助第三方工具直接播放 Web 視頻和音頻:

HTML 5代碼

4. 矢量繪圖 -- 標(biāo)簽

報(bào)表需求越來越大,HTML5可以直接搞掂(GOOGLE API上有一套蠻不錯(cuò)的圖表腳本):

canvas標(biāo)簽

相比靜態(tài)圖片,使用 標(biāo)簽,可以直接針對它編程,比如,根據(jù)用戶的投票,實(shí)時(shí)生成圓餅圖。
5. 用戶可以編輯網(wǎng)頁的內(nèi)容

HTML 5 支持contenteditable屬性,允許你設(shè)定網(wǎng)頁的哪一部分可以編輯,在基于 Wiki 的 站點(diǎn),這非常實(shí)用

【編輯推薦】

  1. HTML 5倍受青睞,XHTML 2處境尷尬
  2. Adobe反戈一擊:HTML 5將不會(huì)取代Flash
  3. HTML 5指引下一代網(wǎng)絡(luò)應(yīng)用開發(fā)標(biāo)準(zhǔn)
  4. 蘋果Safari 4正式版發(fā)布 支持HTML 5標(biāo)準(zhǔn)
  5. HTML 5怎么就成了RIA“殺手”?
責(zé)任編輯:佚名 來源: cnblogs
相關(guān)推薦

2011-02-13 13:04:00

HTML 5Web

2012-03-29 09:18:47

HTML5WEB

2015-06-19 15:39:49

國外HTML5酷站欣賞

2011-08-10 13:44:22

HTML 5

2012-07-06 14:39:33

HTML5

2010-12-30 10:06:29

HTML 5

2011-07-27 09:30:21

HTML 5

2013-07-02 09:17:57

html5組件

2012-08-30 10:18:09

HTML5CanvasHTML5實(shí)例

2012-06-05 10:48:23

2011-08-29 17:27:47

HTML 5交互移動(dòng)應(yīng)用

2018-11-05 10:02:53

2011-10-26 08:51:48

HTML 5

2011-11-11 09:29:29

2011-07-18 13:35:14

HTML 5

2009-09-01 12:45:14

雪豹蘋果操作系統(tǒng)

2022-03-21 08:32:13

HTML5API存儲(chǔ)空間

2023-03-30 10:16:50

物聯(lián)網(wǎng)IOT

2013-05-22 09:59:10

HTML 5音頻

2011-05-11 12:59:18

HTML5
點(diǎn)贊
收藏

51CTO技術(shù)棧公眾號