原則一:避免不必要的復(fù)雜性
html4
!DOCTYPE html PUBLIC -//W3C/DTD HTML 4.01//EN meta http-equiv= Content-Type content= text/html; charset=utf-8
html5
!DOCTYPE html meta charset= utf-8
原則二:支持已有的內(nèi)容
以下四段代碼,在xhtml中只有第一段是正確的;而在html5中,所有的都是正確的
img src= foo alt= bar / p >img src= foo alt= bar p >IMG SRC= foo ALT= bar P >img src=foo alt=bar p >原則三:解決現(xiàn)實(shí)的問題
在html4中,即使兩個(gè)塊級(jí)元素元素有相同的鏈接地址,也必須分開寫,因?yàn)閮?nèi)聯(lián)元素不能包含塊級(jí)元素
h2 a href= /path/to/resource Headline text /a /h2 p a href= /path/to/resource Paragraph text. /a /p而在html5中,由于使用了內(nèi)容模型, a 元素也可以包含塊級(jí)元素
a href= /path/to/resource h2 Headline text /h2 p Paragraph text. /p /a原則四:求真務(wù)實(shí)
html5新增了多個(gè)元素,其中包括:section、article、aside和nav,它們代表了一種新的內(nèi)容模型——給內(nèi)容分區(qū)。以前人們一直都在用div來組織頁面中的內(nèi)容,但與其他類似的元素一樣,div本身并沒有語義。但section、article、aside和nav實(shí)際上是在明確地告訴你——這一塊就像文檔中的另一個(gè)文檔一樣。位于這些元素中的任何內(nèi)容,都可以擁有自己的概要、標(biāo)題,自己的腳部。
原則五:平穩(wěn)退化
瀏覽器在遇到不識(shí)別的type值時(shí),會(huì)將type的值解釋為text
input type= number input type= search input type= range input type= email input type= date input type= url原則六:最終用戶優(yōu)先
一旦遇到?jīng)_突,最終用戶優(yōu)先,其次是作者,其次是實(shí)現(xiàn)者,其次標(biāo)準(zhǔn)制定者,最后才是理論上的完滿。
以上就是html5需遵循怎樣的6個(gè)設(shè)計(jì)原則?的詳細(xì)內(nèi)容,其它編程語言
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。
新聞熱點(diǎn)
疑難解答
圖片精選