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