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給出瞭解析的詳細規則,力圖讓不同的瀏覽器即使在發生語法錯誤時也能返回相同的結果
*****************************************************************************************************
完結撒花 ✿✿ヽ(°▽°)ノ✿ 謝謝觀看~~~