w3cschool編程獅淺談:HTML5和HTML的區(qū)別

　　對(duì)于IT門(mén)外漢,沒(méi)有學(xué)過(guò)html5大前端的同學(xué)們，經(jīng)常會(huì)提問(wèn):"HTML5和HTML有什么區(qū)別"，要解答這個(gè)問(wèn)題，首先我們要了解什么是HTML5和HTML，帶著這兩個(gè)問(wèn)題，跟隨w3cschool編程獅的步伐，來(lái)給你解答這個(gè)問(wèn)題。 

　　什么是HTML5和HTML？

　　HTML代表超文本標(biāo)記語(yǔ)言，用于使用標(biāo)記語(yǔ)言設(shè)計(jì)網(wǎng)頁(yè)。HTML是超文本和標(biāo)記語(yǔ)言的組合，超文本定義了網(wǎng)頁(yè)之間的鏈接；標(biāo)記語(yǔ)言用于定義標(biāo)記內(nèi)的文本文檔，該文檔定義網(wǎng)頁(yè)的結(jié)構(gòu)。此語(yǔ)言用于注釋?zhuān)ㄔ谟?jì)算機(jī)注釋中）文本，以便機(jī)器可以理解它并相應(yīng)地操作文本?！就扑]閱讀：html參考手冊(cè)】大多數(shù)標(biāo)記（例如HTML）語(yǔ)言都是人類(lèi)可讀的。該語(yǔ)言使用標(biāo)簽來(lái)定義必須對(duì)文本進(jìn)行哪些操作。它用于在網(wǎng)頁(yè)上構(gòu)造和呈現(xiàn)內(nèi)容。而HTML5是HTML的第五個(gè)版本，HTML5中刪除或修改了許多元素。

　   HTML5跟HTML的相同點(diǎn)：

　　1、都是網(wǎng)頁(yè)的基礎(chǔ)，用來(lái)構(gòu)建Web頁(yè)面的“骨架” 。

　　2、具有基本相同的標(biāo)簽，如div，form，p等等。

　　HTML5跟HTML的不同：

　　1、 各個(gè)瀏覽器對(duì)HTML5的渲染或支持程度不同，但對(duì)HTML的支持或渲染已經(jīng)很穩(wěn)定 。

　　2、 html5正在發(fā)展，相當(dāng)于于html的升級(jí)版本 。

　　3、 html5用戶(hù)可以編輯網(wǎng)頁(yè)的部分內(nèi)容 。

　　4 、html5中元素可以使圖像腳本更靈活 。

　　5 、html5中 新的API讓頁(yè)面程序開(kāi)發(fā)更簡(jiǎn)單 。

　　6 、 html5改進(jìn)頁(yè)面表單操作 。

　　7 、html5新增加了很多新的標(biāo)簽，如<header>，<nav>,<footer>,<section>等。

      HTML5新增的特性：

　　1. 新增了一種HTML文檔類(lèi)型：<DOCTYPE html>

　　HTML5不基于SGML之上,因此不需要對(duì)DTD進(jìn)行引用，但是要用doctype（doctype聲明位于HTML文檔中的第一行，處于 HTML標(biāo)簽之前。告知瀏覽器的解析器用什么文檔解析這個(gè)文檔。DOCTYPE不存在或是格式不正確會(huì)導(dǎo)致文檔以兼容模式呈現(xiàn)）來(lái)規(guī)范瀏覽器的行為（讓瀏 覽器按照他們應(yīng)該的方式來(lái)運(yùn)行）。而HTML4.01基于SGML，所以需要對(duì)DTD進(jìn)行引用，才能告知瀏覽器文檔所使用的文檔類(lèi)型。

　　2. 新增了一些結(jié)構(gòu)化標(biāo)記的元素：

　　繪畫(huà)：canvas;

　　用于媒介回放的video和audio元素；

　　本地離線存儲(chǔ)：localStorage，sessiorStorage。

　　語(yǔ)義化更好的內(nèi)容元素：<header>，<nav>,<footer>,<section>等。

　　表單控制：calendar,date,time,email,url,search。

　　新的技術(shù)：webworker,websocket,Geolocation。

　　CSS更像是把多個(gè)“矩形”裁剪后，然后拼接成一個(gè)圖案，然后給圖案上色。但是canvas是由點(diǎn)開(kāi)始，延長(zhǎng)無(wú)數(shù)個(gè)點(diǎn)，得到線，延長(zhǎng)線之后 得到一個(gè)面（三角形，圓形，矩形等等的圖案面），然后給線或者面描邊，上色。CSS更像是小朋友的手工課，而canvas更像是用一支筆來(lái)畫(huà)圖。

　　<header>，<nav>,<footer>,<section>等還有其他的許多標(biāo)簽，這些標(biāo)簽是代碼更加的語(yǔ)義化，是閱讀代碼的人更加的通俗、易懂，是人們學(xué)習(xí)代碼更加的簡(jiǎn)單方便。

　　audio和video可以說(shuō)是html5給大家的一個(gè)驚喜，雖然以前不管通過(guò)flash，還是一些視頻，音頻插件大家都可以播放媒體文件，但是現(xiàn)在的audio和video更加標(biāo)準(zhǔn)；他不需要使用任何的插件就可以使視頻和音頻在瀏覽器上播放。

　　localStorage長(zhǎng)期存儲(chǔ)數(shù)據(jù)，瀏覽器關(guān)閉后數(shù)據(jù)不丟失；sessiorStorage的數(shù)據(jù)在瀏覽器關(guān)閉后自動(dòng)刪除。

　　以上便是w3cschool編程獅小編為您介紹的html5和html的區(qū)別，喜歡這篇文章的朋友，你可以點(diǎn)擊文章頭部分享按鈕，一起跟你的朋友分享這方面的知識(shí)吧。