實際上,html5並不是由w3c直接制定的,w3c的方向是xhtml2,而不是html5。當xhtml2脫離現實,無法付諸實踐時,w3c工作組才將研究方向轉向html5。為什麼xhtml2從未落到實處?因為它違反了一條設計原理,這條設計原理就是著名的伯斯塔爾法則——發送時要保守;接收時要開放。而在html5設計過程中遵循了一系列原則,才使得html5得以快速推廣,本文將介紹html5遵循的6個設計原則,具體如下
原則一:避免不必要的復雜性
html4
<!DOCTYPE html PUBLIC "-//W3C/DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
html5
<!DOCTYPE html>
html4
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
html5
<meta charset="utf-8">
原則二:支持已有的內容
以下四段代碼,在xhtml中只有第一段是正確的;而在html5中,所有的都是正確的
XML/HTML Code復制內容到剪貼板原則三:解決現實的問題
在html4中,即使兩個塊級元素元素有相同的鏈接地址,也必須分開寫,因為內聯元素不能包含塊級元素
<h2><a href="/path/to/resource">Headline text</a></h2>
<p><a href="/path/to/resource">Paragraph text.</a></p>
而在html5中,由於使用了內容模型,<a>元素也可以包含塊級元素
XML/HTML Code復制內容到剪貼板
原則四:求真務實
html5新增了多個元素,其中包括:section、article、aside和nav,它們代表了一種新的內容模型——給內容分區。以前人們一直都在用div來組織頁面中的內容,但與其他類似的元素一樣,div本身並沒有語義。但section、article、aside和nav實際上是在明確地告訴你——這一塊就像文檔中的另一個文檔一樣。位於這些元素中的任何內容,都可以擁有自己的概要、標題,自己的腳部。
原則五:平穩退化
浏覽器在遇到不識別的type值時,會將type的值解釋為text
input type="number"
input type="search"
input type="range"
input type="email"
input type="date"
input type="url"
原則六:最終用戶優先
一旦遇到沖突,最終用戶優先,其次是作者,其次是實現者,其次標准制定者,最後才是理論上的完滿。
以上就是html5需遵循的6個設計原則,希望對大家的學習有所幫助。