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

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

　　什么是HTML5和HTML？

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

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

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

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

　　HTML5跟HTML的不同：

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

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

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

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

　　5 、html5中 新的API讓頁面程序開發(fā)更簡單 。

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

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

      HTML5新增的特性：

　　1. 新增了一種HTML文檔類型：<DOCTYPE html>

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

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

　　繪畫：canvas;

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

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

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

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

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

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

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

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

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

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