HTML5與HTML4的區(qū)別
1、推出理由及目標(biāo)
2、語(yǔ)法的改變
3、新增的元素和廢除的元素
4、新增的屬性和廢除的屬性
5、全局屬性
1、推出理由及目標(biāo):
HTML5 的出現(xiàn),對(duì)于WEB來說意義是非常重大的,因?yàn)樗囊鈭D是想把目前WEB上存在的各種問題一并解決掉了。
WEB瀏覽器之間的兼容性很低;
文檔結(jié)構(gòu)不夠明確;
WEB應(yīng)用程序的功能受到了限制;
世界知名瀏覽器廠商對(duì)HTML5的支持:微軟、Google、蘋果、Opera、Mozilla。
2、語(yǔ)法的改變:
內(nèi)容類型;內(nèi)容類型還是html和htm
DOCTYPE聲明;<!DOCTYPE html>、<!doctype html>
指定字符編碼;<meta charset="UTF-8">
可以省略標(biāo)記的元素;可以省略
具有boolean值的屬性;
省略引號(hào)。
3、新增的元素和廢除的元素:
新增的結(jié)構(gòu)元素:section、article、aside、header、hgroup、footer、nav、figure。
新增的其他元素:video、audio、embed、mark、progress、meter、time、ruby、rt、rp、wbr、canvas、command、details、datalist、datagrid、keygen、output、source、menu
新增的input元素的類型:email、url、number、range、Data Pickers。
廢除的元素:
能使用CSS替代的元素:basefont、big、center、font、s、tt、u等;
不能使用frame框架;
只有部分瀏覽器支持的元素;
其他被廢除的元素。
4、新增的屬性和廢除的屬性:
新增的屬性:表單相關(guān)的屬性、鏈接相關(guān)的屬性、其他屬性;
廢除的屬性:
5、全局屬性:在HTML5中新增了一個(gè)全局屬性的概念,所謂全局屬性是指可以對(duì)任何元素都可以使用的屬性,我們來看一下下面幾個(gè)屬性:
contentEditable屬性:這個(gè)是有微軟開發(fā)并且被其他瀏覽器編譯并投入應(yīng)用的全局屬性,該屬性的主要功能呢是允許用戶編輯元素中的內(nèi)容,所以該元素必須是可以得到鼠標(biāo)焦點(diǎn)的元素,而且點(diǎn)擊鼠標(biāo)后向用戶提供一個(gè)插入符號(hào),提示用戶該元素內(nèi)容允許編輯,那么它是boolean類型,可被設(shè)為sure和flas;除此之外該屬性還要隱藏的寄存狀態(tài),屬性為sure時(shí)元素的可編輯的,屬性為flas是元素的不可編輯的;未定sure和flas時(shí)則由屬性的寄存狀態(tài)來決定的,如果元素的副元素是可編輯的那么該元素也是可以編輯的;
designMode屬性;
hidden屬性;
spellcheck屬性;
tabindex屬性。
html5與html兩者的區(qū)別
html通常指的是用來寫網(wǎng)頁(yè)的超文本代碼,HTML5只是HTML的一個(gè)版本,不過它和其他較早的版本比起來,很多標(biāo)簽已經(jīng)廢棄,也增加了很多標(biāo)簽。html從最初僅用來表示文本轉(zhuǎn)變到后來的富文本,甚至多媒體。上面的代碼就在頁(yè)面插入了一張圖片。至此,html僅用來表示內(nèi)容,有時(shí)也表示顯示樣式(現(xiàn)在已用css來描述內(nèi)容了),還有簡(jiǎn)單的交互(現(xiàn)在用javascript)。
但是,到這個(gè)時(shí)候,很多功能在互聯(lián)網(wǎng)上都要借助插件實(shí)現(xiàn),比如播放多媒體,利用長(zhǎng)連接進(jìn)行通信,RPC等。于是,html5出來了,你可以認(rèn)為他是html4后面的一個(gè)版本,但他不僅僅是html,還包含很多新加入的API,如文件API,websockt等。所以,通常被認(rèn)為html5是web app開發(fā)所用到的html,javascript,css3等的總和。
HTML5與SEO
一、使搜索引擎更加容易抓去和索引
對(duì)于一些網(wǎng)站,特別是那些嚴(yán)重依賴于FLASH的網(wǎng)站HTML5是一個(gè)大福音。如果你有一個(gè)都是FLASH的站點(diǎn),你就一定會(huì)看到切換到HTML5的好處。首先,搜索引擎的蜘蛛將能夠抓去你的站點(diǎn)和索引你的內(nèi)容。所有嵌入到動(dòng)畫中的內(nèi)容將全部可以被搜索引擎讀取。在搜索引擎優(yōu)化的基本理論中,這一方面將會(huì)驅(qū)動(dòng)你的網(wǎng)站獲得更多的右擊流量。
二、提供更多的功能,提高用戶的友好體驗(yàn)
使用HTML5的另一個(gè)好處就是它可以增加更多的功能。對(duì)于HTML5的功能性問題,我們可以從全球幾個(gè)主流站點(diǎn)對(duì)它的青睞就可以看出。社交網(wǎng)絡(luò)大亨Facebook已經(jīng)推出他們期待已久的基于HTML5的iPad應(yīng)用平臺(tái),潘多拉最近也推出他們基于HTML5的音樂播放器的新版本。游戲平臺(tái)Zynga最近也在推出了三款新的在移動(dòng)設(shè)備瀏覽器上運(yùn)行的基于HTML5的游戲等等。每天都有不斷的基于HTML5的網(wǎng)站和HTML5特性的網(wǎng)站被推出。保持站點(diǎn)處于新技術(shù)的前沿,也可以很好的提高用戶的友好體驗(yàn)。
三、可用性的提高,提高用戶的友好體驗(yàn)
最后我們可以從可用性的角度上看,HTML5可以更好的促進(jìn)用戶于網(wǎng)站間的互動(dòng)情況。多媒體網(wǎng)站可以獲得更多的改進(jìn),特別是在移動(dòng)平臺(tái)上的應(yīng)用,使用HTML5可以提供更多高質(zhì)量的視頻和音頻流。到目前位置,事實(shí)就是iPhone和iPad將不會(huì)支持FLASH,同時(shí)ADOBE公司也在近期公開聲明將停止FLASH基于移動(dòng)平臺(tái)的開發(fā),現(xiàn)在我們已經(jīng)可以這么說移動(dòng)平臺(tái)日后視頻音頻是HTML5的天下。
可以肯定的是,越來越多的SEOer開始研究對(duì)于HTML5站點(diǎn)的優(yōu)化,對(duì)于搜索引擎來說,他們也會(huì)不斷的更新算法來適應(yīng)HTML5的發(fā)展。
|