成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

Jeremy Keith談HTML5設計原則

開發 后端 開發工具
HTML5 是近十年來 Web 標準最巨大的飛躍,它非常龐大,但是仍處在開發階段。本文介紹的是Jeremy Keith談HTML5設計原則,讓我們一起來看。

4月17日,在由InfoQ獨家社區支持的上海“擁抱HTML5”活動上,***次來到中國的《JavaScript DOM編程藝術》和《HTML5 For Web Designer》作者Jeremy Keith與大家一起回顧了HTML的發展歷程,分享了HTML5的設計原則,并與在場與會者做了精彩互動。

首先,Jeremy回顧了HTML的歷史,從HTML 2.0到XHTML 2.0,此處他引用了Postel法則(魯棒性原則):

對自己發送的東西要嚴格,對接收的東西則要寬容。指出XHTML 2.0由于語法解析過于嚴格,因此不太適合于Web。

Jeremy認為所有的項目都應該有設計原則,HTML5也同樣如此,W3C就為此發布了HTML設計原則,他強調了其中的兼容性、實用性與互操作性。

1、避免不必要的復雜性

Jeremy舉了DOCTYPE的例子,表示HTML 4.01和XHTML中的DOCTYPE過于冗長,連自己都記不住這些內容,但在HTML5中只需要簡單的<!DOCTYPE html>就可以了。DOCTYPE是給驗證器用的,而非瀏覽器,瀏覽器只在做DOCTYPE切換時關注這個標簽,因此并不需要寫得太復雜。然后,他又提到如何指定字符集,在HTML5中只需要<meta charset="utf-8">。

規范也許會寫得十分復雜,但瀏覽器的實現卻可能很簡單,規范有時會去遷就瀏覽器的實現。

2、支持已有內容

XHTML 2.0***的問題就是不支持已經存在的內容,這違反了Postel法則。現實情況中,開發者可以寫出各種風格的HTML,瀏覽器遇到這些代碼時,在內部所構建出的結構應該是一樣的,呈現的效果也應該是一樣的。

3、解決實際問題

規范應該去解決現實中實際遇到的問題,而不該考慮那些復雜的理論問題。例如,既然有在<a>中嵌套多個段落標簽的需要,那就讓規范支持它。

4、用戶怎么使用的,就怎么設計規范

當一個實踐已經被廣泛接受時,就應該考慮將它吸納進來,而不是禁止它或搞一個新的實踐出來。

例如,HTML5中新增了nav、section、article及aside標簽,它們引入了新的文檔模型,即文檔中的文檔。在section中,還可以嵌套h1到h6的標簽,這樣就有了無限的標題層級,這也是很早之前Tim Berners Lee所設想的。

5、優雅地降級

Jeremy在此處舉了input的例子,HTML5中input標簽的type屬性增加了很多類型,當瀏覽器不支持這些類型時,默認會將其視為text。這就是一種優雅降級。

此外,在談到HTML5與Flash之爭時,他認為很多情況下,這就是<video>和<object>的問題,完全沒有必要二者選其一。可以先使用<video>,當瀏覽器不支持時降級到<object>,反之亦然。如果瀏覽器對兩者都不支持,再降級到<a>,提供一個鏈接。

6、支持的優先級

在考慮優先級時,應該按照這個順序:

用戶 > 編寫HTML的開發者 > 瀏覽器廠商 > 規范制定者 > 理論

用戶與開發者的重要性要遠遠高于規范和理論。

在***的問答環節中,有人提到了HTML5的語法過于靈活,會造成一定的濫用,Jeremy表示贊同,并推薦使用類似JavaScript Lint的工具來幫助編寫更好的代碼。

此外,有人擔心<video>外觀的可定制性不強,控件不美觀,可能會重蹈<select>的覆轍。Jeremy當場演示了一個通過CSS定制樣式的<video>,并表示如果不喜歡瀏覽器提供的控件,完全可以實現自己的控件。

HTML5已不再遙遠,不必等到規范成熟后才去使用,各個主流瀏覽器均已紛紛支持HTML5中的一些特性,大家可以從現在開始,擁抱HTML5。您又是怎么看待HTML5的呢?

【編輯推薦】

  1. 深入剖析HTML5表單
  2. 技術專題:HTML5酷炫特性揭秘
  3. 淺談ASP.NET 4中構造HTML5視頻控件
  4. 10個令人驚奇的HTML5和JavaScript效果
責任編輯:于鐵 來源: InfoQ
相關推薦

2011-03-08 10:15:08

HTML 5

2014-10-21 17:34:11

HTML5移動設計

2013-01-24 10:26:04

HTML5HTML 5HTML5的未來

2011-05-12 16:01:51

HTML5

2013-10-21 15:24:49

html5游戲

2011-05-13 17:36:05

HTML

2011-03-03 17:03:53

HTML5手機游戲Flash

2017-01-03 18:09:33

HTML5本地存儲Web

2011-05-12 15:42:16

HTML5

2011-05-13 17:41:40

2023-03-16 09:00:00

HTML5HTML語言

2011-01-14 17:53:33

HTML5cssweb

2012-07-19 09:55:10

HTML5

2012-07-02 14:32:22

HTML5

2013-03-22 08:59:57

HTML5移動應用Web App

2014-03-20 10:50:44

HTML5 定位技術

2014-12-30 17:13:51

HTML5

2011-11-11 15:54:36

AdobeHTML5

2011-02-23 14:57:41

webweb開發HTML

2012-09-18 09:49:17

HTML5Intel
點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: 国产在视频一区二区三区吞精 | av在线免费网站 | av免费观看在线 | 精品美女在线观看 | 亚洲最大的黄色网址 | 黑人巨大精品 | 久草资源在线 | 日本精品一区二区 | 色综合久久久 | 精品久久亚洲 | 国产h视频 | 观看毛片 | 91麻豆精品国产91久久久更新资源速度超快 | 玖玖精品 | 91精品国产91久久综合桃花 | 在线免费观看黄a | 欧美日韩亚洲在线 | www.久久99 | 一区二区国产精品 | 污污免费网站 | 国产中文一区二区三区 | 国产中文字幕在线观看 | 黄频免费 | 自拍视频网 | 一区二区视频在线观看 | 亚洲成人免费在线观看 | 国产一区二区三区视频在线观看 | 黄色片在线看 | 免费在线成人网 | 91精品国产91久久久久久吃药 | 日韩在线不卡 | 91精品久久久久久久久久入口 | 欧美一级二级在线观看 | 99视频在线免费观看 | 国产精品久久久久久久久免费丝袜 | 色片在线观看 | 中文字幕一区在线 | 天天搞天天操 | 天天亚洲 | 欧美精品被 | 亚洲一区二区精品 |