Html5和Html的區別

電腦
關注：2.29W次

作為前端開發的技術人員，必須掌握的技術之一就是Html，其他技術如Css，JavaScript，JQuery等等都是基於Html的，那麼Html和今天我們耳熟能詳的Html5究竟有什麼區別，或者説Html怎麼發展到Html5的呢？這次小編帶領大家一起了解一下Html5和Html的區別吧！

操作方法

（01）什麼是HtmlHTMl（HyperText Markup Language）: 超文本標記語言，一種純文本類型的語言。特點有：1、可以用來設計網頁的標記語言；2、用該語言編寫的文件，以.html或者.htm為後綴；3、由瀏覽器解釋執行；4、HTML表面上，可以嵌套用腳本語言編寫的程序段，如：VBScript，JavaScript與第一個純文本的頁面相比，Html頁面引入了標籤的概念，也是説，Html是文本+標籤的形式。

（02）Html的發展史縱觀HTML發展史，其中發生了許多故事，W3C從XHTML 1.0開始了XML風格的HTML，逐漸摒棄了HTML 4.0的技術。各大瀏覽器廠商相繼抵制W3C的HTML1.0標準，於2004年，由Opera、Mozilla基金會和蘋果這些瀏覽器廠商成立了WHATWG組織，致力於推動HTML5標準的發展。W3C不撞南牆不死心，HTML標準發展到XHTML 2.0已經意識到了XML格式的HTML技術很難發展下去，最終妥協與WHATWG一起發展HTML5標準。就這樣HTML5應運而生，推動技術的發展往往是具有普世價值的巨擘企業，不管怎樣，HTML5得以順利發展，有助於Web技術的推廣和發展。

（03）HTML5與HTML的區別1、文檔類型聲明HTML4.01和XHTML1.0:strict模式：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">過渡模式:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">框架集：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN""http://www.w3.org/TR/html4/frameset.dtd"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">HTML5.0：<!DOCTYPE html>文檔聲明HTML5方便書寫，精簡，有利於程序員快速的閲讀和開發。

（04）2、結構語義html4.0：沒有體現結構語義化的標籤，如：<div id="nav"></div>html5：添加了許多具有語義化的標籤，如：<article>、<aside>、<audio>、<bdi>...

（05）3、HTML5的繪圖功能Canvas：HTML5的canvas元素使用腳本（通常使用JavaScript）在網頁上繪製圖像，可以控制畫布每一個像素。SVG：指可伸縮向量圖形，用於定義網絡的基於向量的圖形。