HTML5與HTML4的區別

HTML5設計的目的是爲了在移動設備上支持多媒體。

HTML5在H4的基礎上加入了新的語法特徵,比如video、audio、canvas標記。

H5還引進新的功能,對本地離線存儲有更好的支持,添加了語義化更好的內容元素(article、footer、header等等)、新的表單控件(calendar、date、time、email、url)

那麼如何快速分辨一個網頁是H5還是H4的呢

我們可以檢查它的文檔類型

HTML4的文檔類型有三種

分別是HTML4.01文檔過渡定義類型(<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd)、HTML4.01文檔嚴格定義類型(<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd)、HTML4.01文檔框架定義類型(<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/frameset.dtd)

HTML4聲明引用了DTD(文檔類型定義),這樣瀏覽器才能正確的呈現內容。而HTML5不基於SGML,不需要引用DTD。

HTML5的文檔類型只有一種  ----><!DOCTYPE html>

還有就是可以看網頁的結構元素中是否存在H5獨有的新添加的元素。


另外我還要說一下   html5的優化

1.它減少了對於外部插件的需求(比如Flash)

2.添加了許多自適應的網頁設計

比如,只需要在網頁代碼的頭部,加入一行viewport元標籤,就可以控制網頁在移動端全屏幕大小

<meta name="viewport" content="width=device-width, initial-scale=1" />  

3.多設備跨平臺, 即一個H5頁面可同時運行在多個平臺上

4.可以使搜索引擎更容易抓取和索引

5.異常處理更靈活   H5相比H4給出瞭解析的詳細規則,力圖讓不同的瀏覽器即使在發生語法錯誤時也能返回相同的結果

*****************************************************************************************************

完結撒花  ✿✿ヽ(°▽°)ノ✿   謝謝觀看~~~



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章