當前位置:首頁文章首頁 新聞中心 業(yè)務咨訊

3C發(fā)布HTML5設計原則

作者:  來源:  發(fā)布時間:2011-4-27 13:59:48  點擊:

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

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

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

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

  1、避免不必要的復雜性

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

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

  2、支持已有內(nèi)容

  XHTML 2.0最大的問題就是不支持已經(jīng)存在的內(nèi)容,這違反了Postel法則,F(xiàn)實情況中,開發(fā)者可以寫出各種風格的HTML,瀏覽器遇到這些代碼時,在內(nèi)部所構(gòu)建出的結(jié)構(gòu)應該是一樣的,呈現(xiàn)的效果也應該是一樣的。

  3、解決實際問題

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

  4、用戶怎么使用的,就怎么設計規(guī)范

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

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

  5、優(yōu)雅地降級

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

  此外,在談到HTML5與Flash之爭時,他認為很多情況下,這就是和

文章評論

軟件按字母排列: A B C D E F G H I J K L M N O P Q R S T U V W X Y Z