html5和html有以下九種地方不同,可以分辨出網(wǎng)頁是html5還是html4語言編寫的:
三沙網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián),三沙網(wǎng)站設(shè)計(jì)制作,有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為三沙近千家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站建設(shè)要多少錢,請找那個(gè)售后服務(wù)好的三沙做網(wǎng)站的公司定做!
1、簡化的語法
HTML5簡化了很多細(xì)微的語法,例如doctype的聲明,你只需要寫!doctype html就行了。HTML5與HTML5,XHTML1兼容,但是與SGML不兼容。
2、HTML5canvas標(biāo)簽替代Flash
Flash給很多Web開發(fā)者帶來了麻煩,要在網(wǎng)頁上播放Flash需要一堆代碼和插件。canvas標(biāo)簽使得開發(fā)者只要使用一個(gè)標(biāo)簽
就 能和用戶產(chǎn)生UI交互。雖然目前canvas標(biāo)簽還不能實(shí)現(xiàn)Flash的所有功能,但是很快canvas就會(huì)讓
Flash看起來老土,哈哈!
3、HTML5新增 header 和 footer 標(biāo)簽
HTML5設(shè)計(jì)的一個(gè)原則是更好的體現(xiàn)網(wǎng)站的語義性,所以增加了header和footer這樣的標(biāo)簽,用來明確表示網(wǎng)頁的結(jié)構(gòu)。
4、HTML5新增 section 和 article 標(biāo)簽
與header, footer類似,section和article也有利于清晰化網(wǎng)頁的結(jié)構(gòu),更有利于SEO。
5、HTML5新增 menu 和 figure 標(biāo)簽
menu可以被用于創(chuàng)建傳統(tǒng)的菜單,也可以用于工具欄和上下文菜單。figure標(biāo)簽使得網(wǎng)頁文字和圖片的排版更專業(yè)。
6、HTML5新增 audio 和 video 標(biāo)簽
這兩個(gè)標(biāo)簽可能是HTML5里面最有用的兩個(gè)標(biāo)簽了。顧名思義,這兩個(gè)標(biāo)簽是用來播放音頻和視頻的。
7、全新的表單
HTML5對 form 和 forminput 標(biāo)簽進(jìn)行了大量修改,添加了很多新的屬性,也修改了很多屬性。
8、HTML5刪除 b 和 font 標(biāo)簽
8、HTML5刪除了 frame, center, big 標(biāo)簽
區(qū)別不大。 HTML5是HTML標(biāo)準(zhǔn),是一項(xiàng)標(biāo)準(zhǔn)化協(xié)議。
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)地操作文本。
大多數(shù)標(biāo)記(例如HTML)語言都是人類可讀的。該語言使用標(biāo)簽來定義必須對文本進(jìn)行哪些操作。它用于在網(wǎng)頁上構(gòu)造和呈現(xiàn)內(nèi)容。
通俗來說,HTML5是HTML的第五個(gè)版本,HTML5中刪除或修改了許多元素。
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)地操作文本。
大多數(shù)標(biāo)記(例如HTML)語言都是人類可讀的。該語言使用標(biāo)簽來定義必須對文本進(jìn)行哪些操作。它用于在網(wǎng)頁上構(gòu)造和呈現(xiàn)內(nèi)容。
HTML5是HTML的第五個(gè)版本,HTML5中刪除或修改了許多元素。
(1)HTML5支持SVG,畫布和其他虛擬矢量圖形,而在HTML中,只有將它與Flash,Silver-light等不同技術(shù)結(jié)合在一起才能使用矢量圖形。
(2)HTML5使用Web SQL數(shù)據(jù)庫,可用于臨時(shí)存儲(chǔ)數(shù)據(jù)但在HTML中只有瀏覽器緩存才可用于此目的。
(3)HTML5支持新的表單控件,例如:日期和時(shí)間,電子郵件,數(shù)字,范圍,電話,網(wǎng)址,搜索等。
(4)HTML 5是否允許音頻和視頻控件以及標(biāo)簽,HTML不允許音頻audio和video video標(biāo)簽。
(5)在HTML 5中,Doctype聲明非常簡單易用,Doctype聲明在HTML中太長且復(fù)雜
(6)charset,async和ping的屬性是HTML 5的一部分,HTML中不存在charset,async和ping等屬性
(7)增強(qiáng)了對Web應(yīng)用程序功能的支持:在HTML5允許瀏覽器作為應(yīng)用程序平臺運(yùn)行不需要使用任何基于JS或Flash的方法,因?yàn)镠TML5中固有的元素提供了所有功能。
(8)新增加的menu和menuitem元素是互動(dòng)元素規(guī)格的成分,但不經(jīng)常使用或開發(fā)者社區(qū)津津樂道。但是,這兩個(gè)項(xiàng)目可用于確保增強(qiáng)的Web交互menu性。為簡單起見,標(biāo)簽用于表示移動(dòng)和桌面應(yīng)用程序中的菜單命令。
1、文檔聲明區(qū)別:
HTML:超文本標(biāo)記語言,一種純文本類型的語言。
HTML5.0:文檔聲明HTML5方便書寫,精簡,有利于程序員快速的閱讀和開發(fā)。
2、結(jié)構(gòu)語義區(qū)別
html:沒有體現(xiàn)結(jié)構(gòu)語義化的標(biāo)簽,如:div id="nav"/div
html5:添加了許多具有語義化的標(biāo)簽,如:article、aside、audio、bdi...
3、繪圖區(qū)別
HTML:指可伸縮矢量圖形,用于定義網(wǎng)絡(luò)的基于矢量的圖形。
HTML5:HTML5的canvas元素使用腳本(通常使用JavaScript)在網(wǎng)頁上繪制圖像,可以控制畫布每一個(gè)像素。
擴(kuò)展資料
HTML5的特征
1、語義特性(Class:Semantic)
HTML5賦予網(wǎng)頁更好的意義和結(jié)構(gòu)。更加豐富的標(biāo)簽將隨著對RDFa的,微數(shù)據(jù)與微格式等方面的支持,構(gòu)建對程序、對用戶都更有價(jià)值的數(shù)據(jù)驅(qū)動(dòng)的Web。
2、本地存儲(chǔ)特性(Class: OFFLINE STORAGE)
基于HTML5開發(fā)的網(wǎng)頁APP擁有更短的啟動(dòng)時(shí)間,更快的聯(lián)網(wǎng)速度,這些全得益于HTML5 APP Cache,以及本地存儲(chǔ)功能。Indexed DB(html5本地存儲(chǔ)最重要的技術(shù)之一)和API說明文檔。
參考資料
百度百科-HTML5
html5是對html的第五次重大修改。html5繼承了html所有的語法,所以html5與html的差異是以下這些html5的新特性:
1、語義特性
HTML5賦予網(wǎng)頁更好的意義和結(jié)構(gòu)。更加豐富的標(biāo)簽將隨著對RDFa的,微數(shù)據(jù)與微格式等方面的支持,構(gòu)建對程序、對用戶都更有價(jià)值的數(shù)據(jù)驅(qū)動(dòng)的Web。
2、本地存儲(chǔ)特性
基于HTML5開發(fā)的網(wǎng)頁APP擁有更短的啟動(dòng)時(shí)間,更快的聯(lián)網(wǎng)速度,這些全得益于HTML5 APP Cache,以及本地存儲(chǔ)功能。
3、設(shè)備兼容特性
從Geolocation功能的API文檔公開以來,HTML5為網(wǎng)頁應(yīng)用開發(fā)者們提供了更多功能上的優(yōu)化選擇,帶來了更多體驗(yàn)功能的優(yōu)勢。HTML5提供了前所未有的數(shù)據(jù)與應(yīng)用接入開放接口。使外部應(yīng)用可以直接與瀏覽器內(nèi)部的數(shù)據(jù)直接相連,例如視頻影音可直接與microphones及攝像頭相聯(lián)。
4、連接特性
更有效的連接工作效率,使得基于頁面的實(shí)時(shí)聊天,更快速的網(wǎng)頁游戲體驗(yàn),更優(yōu)化的在線交流得到了實(shí)現(xiàn)。HTML5擁有更有效的服務(wù)器推送技術(shù),Server-Sent Event和WebSockets就是其中的兩個(gè)特性,這兩個(gè)特性能夠幫助我們實(shí)現(xiàn)服務(wù)器將數(shù)據(jù)推送到客戶端的功能。
5、網(wǎng)頁多媒體特性
支持網(wǎng)頁端的Audio、Video等多媒體功能, 與網(wǎng)站自帶的APPS,攝像頭,影音功能相得益彰。
6、三維、圖形及特效特性
基于SVG、Canvas、WebGL及CSS3的3D功能,用戶會(huì)驚嘆于在瀏覽器中,所呈現(xiàn)的驚人視覺效果。
7、性能與集成特性
沒有用戶會(huì)永遠(yuǎn)等待你的Loading。HTML5會(huì)通過XMLHttpRequest2等技術(shù),解決以前的跨域等問題,幫助您的Web應(yīng)用和網(wǎng)站在多樣化的環(huán)境中更快速的工作。
8、CSS3特性
在不犧牲性能和語義結(jié)構(gòu)的前提下,CSS3中提供了更多的風(fēng)格和更強(qiáng)的效果。此外,較之以前的Web排版,Web的開放字體格式也提供了更高的靈活性和控制性。
擴(kuò)展資料:
HTML5的優(yōu)勢:
1、提高可用性和改進(jìn)用戶的友好體驗(yàn)。
2、有幾個(gè)新的標(biāo)簽,這將有助開發(fā)人員定義重要的內(nèi)容。
3、可以給站點(diǎn)帶來更多的多媒體元素(視頻和音頻)。
4、可以很好的替代FLASH和Silverlight。
5、當(dāng)涉及到網(wǎng)站的抓取和索引的時(shí)候,對于SEO很友好。
6、將被大量應(yīng)用于移動(dòng)應(yīng)用程序和游戲。
參考資料來源:百度百科-html5