HTML5優秀的設計模式

2021-06-12 17:22:34 字數 1510 閱讀 4553

今天有幸發現了一篇外國大神寫的文章,詳細的介紹了html

的發展過程,以及

html5

的**,其中也給我糾正了乙個問題

--關於

doctypye

的真正含義,先把書名發出來,再好好說說這個

doctype

的問題,書名《

html5

的設計》。

相信很多人都已經知道了 

這是html5

中對於文件型別的規範,

doctype

並不是寫給瀏覽器看的(之前我就以為是這樣),它是寫給驗證器看的,如果你在

doctype

中使用的是

xhtml 1.0

的規範,在

html

中又用了

html5

的標籤,那瀏覽器還是會正常的解析出來,因為瀏覽器在接收的時候必須開放,它不會檢查任何格式型別,只有驗證器會。寫

doctype

的最主要的目的就是告訴瀏覽器 你想使用哪個模式,是標準模式,還是相容模式。

html5

的這種寫法就是告知瀏覽器該文件使用的標準模式。

關於html5

的設計,其主要提到的還有

html5

的簡潔,比如說宣告文件使用

utf-8

編碼,xhtml1.0 

就是寫 

html

頭部這些東西我都沒記過,但如果當時我學過

html5

的話,我會直接丟出

css檔案的

link

使用,和

js檔案的

script

元素,都做了相應的簡化,總結

3個詞就是避免

--不必要的

--複雜性(老外總結的)。

html5的向前相容:由於網際網路已經發展了比較長的時間,新的標準就必須要相容之前的頁面屬性,即使是在

html5

中棄用的屬性,瀏覽器都需要正常解析出來。曾經不規範的寫法,現在也在

html5

中規範了起來,在之前鏈結元素之內是不允許包含塊級元素的(

ie是不行的),而現在它變成了乙個標準,例如:

hello girl

(以前的標準寫法

)現在就變成hello girl

這樣就可以只使用乙個鏈結,實習塊級元素的同一跳轉。當然現在

ie還是不支援,但是這變成了一種

html5

標準,以後沒人會批評你寫的不標準,只會說你這寫的不相容ie。

還有些新的標籤我就不一一介紹了,其中對於表單型別的增強,由於ie

都不支援,所以還是要慎用,還有

html5

canvas

,總有人拿來和

flash

html5

或取代flash

,這些問題都只能靜觀其變,不能輕易下結論。

今天的文章也就到這了,簡單的介紹了下html5

的設計,希望能勾起大家對

html5

的興趣

HTML5的學習(二)HTML5標籤

3.按功能排列標籤 標籤 描述 html4 html5 定義注釋。定義文件型別。定義文件的主體。定義文件中的節。定義section或page的頁尾。to定義html標題。定義html文件。定義關於文件的資訊。定義section或page的頁首。定義關於html文件的元資訊。定義針對不支援客戶端指令碼...

推薦 10 個優秀的 HTML5 編碼工具

html5將徹底改變我們建設 和web應用程式的方式。這裡有10個偉大的工具,用於簡化和提高html5的編碼。假如你才剛開始利用html5來建立 可訪問initializr來入門。這個 將幫您根據樣板來建立乙個簡潔,可定製的 模板。它包含了初學者,所需要的一切。html5demos html5dem...

推薦 10 個優秀的 HTML5 編碼工具

html5將徹底改變我們建設 和web應用程式的方式。這裡有10個偉大的工具,用於簡化和提高html5的編碼。假如你才剛開始利用html5來建立 可訪問initializr來入門。這個 將幫您根據樣板來建立乙個簡潔,可定製的 模板。它包含了初學者,所需要的一切。html5demos html5dem...