天度率先采用新一代HTML5標(biāo)準(zhǔn)構(gòu)建網(wǎng)站系統(tǒng)
發(fā)布時(shí)間：2013-03-24
瀏覽量：22625
昆明天度網(wǎng)絡(luò)公司采用全新一代移動(dòng)互聯(lián)網(wǎng)HTML5新技術(shù)和新理念、并嚴(yán)格按W3C國(guó)際互聯(lián)網(wǎng)標(biāo)準(zhǔn)構(gòu)建，在讓您的網(wǎng)站在兼容移動(dòng)終端的同時(shí)，將獲得更良好的用戶(hù)體驗(yàn)和全新的網(wǎng)絡(luò)應(yīng)用。由于HTML5對(duì)搜索引擎更加友好，更加有利于SEO優(yōu)化，所以您的網(wǎng)站將獲得更高的搜索引擎收錄和評(píng)價(jià)。
作為HTML 4的升級(jí)版本，HTML 5 的正式草案已于2008年1月22日公布。相比于前者，HTML 5有兩大特點(diǎn)：首先強(qiáng)化了Web 網(wǎng)頁(yè)的表現(xiàn)性能。其次追加了本地?cái)?shù)據(jù)庫(kù)等 Web 應(yīng)用的功能。
其實(shí)，HTML 5的優(yōu)點(diǎn)并不止這些，它增添了許多新的功能，不僅有效的提升了用戶(hù)體驗(yàn)，而且還將瀏覽器一部分的錯(cuò)誤指令轉(zhuǎn)化為相同的結(jié)果。為此，HTML 5雖未正式登陸市場(chǎng)，但已成為了行業(yè)新寵。
html5行業(yè)趨勢(shì)
HTML5作為下一代Web開(kāi)發(fā)標(biāo)準(zhǔn)，是近十年來(lái)Web開(kāi)發(fā)標(biāo)準(zhǔn)巨大的飛躍。和以前的版本不同，HTML 5并非僅僅用來(lái)表示W(wǎng)eb內(nèi)容，它的新使命是將Web帶入一個(gè)成熟的應(yīng)用平臺(tái)，在HTML 5平臺(tái)上，視頻，音頻，圖象，動(dòng)畫(huà)，以及同電腦的交互都被標(biāo)準(zhǔn)化。
Adobe副總裁丹尼維諾日前在公司官方網(wǎng)站聲明，Adobe將停止為移動(dòng)瀏覽器開(kāi)發(fā)Flash Player，表示會(huì)加大對(duì)HTML5技術(shù)的開(kāi)發(fā)，并會(huì)增強(qiáng)對(duì)Flash的創(chuàng)新投資。
早在2010年4月，蘋(píng)果當(dāng)時(shí)CEO喬布斯曾公開(kāi)宣布IOS平臺(tái)放棄Flash技術(shù)，并解釋放棄Flash在IOS上的原因，當(dāng)時(shí)業(yè)界一致的聲音是蘋(píng)果和Adobe控制專(zhuān)利的糾紛導(dǎo)致了Flash沒(méi)有登錄IOS，而并沒(méi)有把所有的注意放在Flash本身的弱點(diǎn)上，從此蘋(píng)果、HTML5和Flash在移動(dòng)平臺(tái)技術(shù)上一直處于爭(zhēng)議。事情直到2011年11月才好的獲得了答案，Adobe戰(zhàn)略放棄了Flash，喬布斯又做了一次成功的選擇，他推動(dòng)了移動(dòng)行業(yè)朝HTML5的方向邁出了一步。
隨著Flash的落幕，HTML5技術(shù)已經(jīng)成為了移動(dòng)平臺(tái)標(biāo)志，好的的技術(shù)優(yōu)勢(shì)勢(shì)必會(huì)影響移動(dòng)互聯(lián)網(wǎng)現(xiàn)在的格局。
HTML5 主要新功能
HTML5 是繼 HTML4.01, XHTML 1.0 和 DOM 2 HTML 后的又一個(gè)重要版本，旨在消除Internet 程序（RIA）對(duì) Flash， Silverlight， JavaFX 一類(lèi)瀏覽器插件的依賴(lài)。除了原先的DOM接口，HTML5增加了更多API，如：
本地音頻視頻播放；
動(dòng)畫(huà)；
地理信息；
硬件加速；
本地運(yùn)行(即使在 Internet 連接中斷之后)；
本地存儲(chǔ)；
從桌面拖放文件到瀏覽器上傳；
語(yǔ)義化標(biāo)記。
那些支持 HTML5 的瀏覽器在處理 HTML 代碼錯(cuò)誤的時(shí)候要更靈活，而那些不支持 HTML5 的瀏覽器將忽略 HTML5 代碼。
HTML5 語(yǔ)法的變化
HTML5 引入了新的 HTML 元素和屬性，有的是傳統(tǒng)通用元素的語(yǔ)義化版本，如取代 div 元素的 nav, footer 等元素，也有一些全新的元素，如 audio, video。一些在 HTML4 中不被推薦使用的元素，如 font 和 center 將被棄用。HTML5 引入的新 HTML 元素包括：
article：文章
aside：內(nèi)容旁邊的側(cè)邊欄內(nèi)容
audio：音頻
canvas：2D 繪圖
command：命令按鈕
datalist：下拉選擇框
details：對(duì)象的細(xì)節(jié)
dialog：對(duì)話(huà)框
embed：外部插件或?qū)ο?
figure：一組媒體對(duì)象以及標(biāo)簽文字
footer：頁(yè)腳
header：頁(yè)首
hgroup：文檔某一部分的信息
keygen：表單生成的 Key
mark：標(biāo)注的文字
meter：預(yù)先定義的范圍內(nèi)的度量
nav：導(dǎo)航條
output：輸出
progress：進(jìn)度條
rp：標(biāo)識(shí) rubby 內(nèi)容
rt：rubby 內(nèi)容的解釋
ruby：rubby 內(nèi)容
section：定義一個(gè)部分
source：媒體的資源
time：日期時(shí)間
video：視頻
這些新標(biāo)簽，可以讓你的 HTML 文檔更容易加載，且更容易被搜索引擎抓取其中的有用信息。比如，搜索引擎可以直接抓取它關(guān)心的 article 標(biāo)簽里面的內(nèi)容。
HTML5 同那些流行的技術(shù)如何共存
如今的 Web 世界已經(jīng)習(xí)慣了各種插件和 API，HTML5 為 Web 開(kāi)發(fā)與設(shè)計(jì)者帶來(lái)了方便與不便，HTML5 將如何同現(xiàn)在的這些流行技術(shù)共存？
HTML5 與 Flash
這個(gè)爭(zhēng)論由來(lái)已久，F(xiàn)lash 被某些開(kāi)發(fā)設(shè)計(jì)者濫用導(dǎo)致一些網(wǎng)頁(yè)加載緩慢，而 HTML5 為之帶來(lái)一線(xiàn)曙光。相對(duì) Windows 用戶(hù)來(lái)說(shuō)，Mac 用戶(hù)可能會(huì)從 HTML5 獲得更多好處，因?yàn)樘O(píng)果一直不愿支持 Flash?，F(xiàn)在看來(lái)，就視頻游戲而言，F(xiàn)lash 是更好的選擇，但取決于你的瀏覽器，如果你的視頻不是很復(fù)雜，HTML5 是更好的選擇。Web開(kāi)發(fā)與設(shè)計(jì)者從這些爭(zhēng)論中應(yīng)該吸取的東西是，F(xiàn)lash 之外還有別的選擇，但 Flash 有牢固的地盤(pán)，在為客戶(hù)提供開(kāi)發(fā)設(shè)計(jì)的時(shí)候，需要對(duì)他們的目標(biāo)客戶(hù)做一些研究。
HTML5 與 IE 9
IE9 經(jīng)常高調(diào)宣揚(yáng)它對(duì) HTML5 的兼容，它確實(shí)將是一個(gè)很好地支持 HTML5 的瀏覽器，因?yàn)?，IE9 使用 Windows 現(xiàn)代圖形 API 以及 PC 的圖形加速卡輸出文字和圖形。微軟還曾宣稱(chēng)，IE9 將支持 GPU 加速的 HTML5，將圖形滾動(dòng)，3D 圖形顯示等處理交由圖形加速卡。
HTML5 與 Ajax
現(xiàn)在的 HTML 語(yǔ)言的一個(gè)問(wèn)題是，它是一種輕量級(jí)的應(yīng)用界面，那些喜歡使用 Ajax 實(shí)現(xiàn)在線(xiàn)應(yīng)用的會(huì)發(fā)現(xiàn) HTML 非常不好用。天度認(rèn)為，HTML 適合用來(lái)加載界面，JavaScript 用來(lái)執(zhí)行命令，雖然 HTML 在作為界面語(yǔ)言方面并不好用，但鑒于多數(shù)對(duì)它的熟悉程度，HTML 還是不可缺少。HTML5 會(huì)讓 Ajax 應(yīng)用的實(shí)現(xiàn)變得更容易。
HTML5 與CSS
你需對(duì)你的 CSS 代碼就行整理以支持 HTML5，因?yàn)?h1, h2 之類(lèi)的標(biāo)簽將不再使用，為了實(shí)現(xiàn)同 HTML5 的兼容，更好的方式是使用 CSS reset，將那些常見(jiàn)的 HTML 標(biāo)簽的 CSS 屬性清零，woork 認(rèn)為，更好的 CSS Reset 是 Eric Meyers CSS reset。
HTML 5 將帶來(lái)什么？
全新的，更合理的 Tag，多媒體對(duì)象將不再全部綁定在 object 或 embed Tag 中，而是視頻有視頻的 Tag，音頻有音頻的 Tag。本地?cái)?shù)據(jù)庫(kù)，這個(gè)功能將內(nèi)嵌一個(gè)本地的 SQL 數(shù)據(jù)庫(kù)，以加速交互式搜索，緩存以及索引功能。同時(shí)，那些離線(xiàn) Web 程序也將因此獲益匪淺。不需要插件的富動(dòng)畫(huà)。Canvas 對(duì)象將給瀏覽器帶來(lái)直接在上面繪制矢量圖的能力，這意味著我們可以脫離 Flash 和 Silverlight，直接在瀏覽器中顯示圖形或動(dòng)畫(huà)。將提供 API 實(shí)現(xiàn)瀏覽器內(nèi)的編輯，拖放，以及各種圖形用戶(hù)界面的能力。內(nèi)容修飾 Tag 將被剔除，而使用 CSS。理論上講，HTML 5 是培育新 Web 標(biāo)準(zhǔn)的土壤，讓各種設(shè)想在他的組織者之間分享。
HTML5 的更多意義
HTML5 的意義遠(yuǎn)不止上面這些，它很大的意義在于改變了 Web 文檔的結(jié)構(gòu)方式，借助 header, footer, section, article 這些標(biāo)簽，我們可以實(shí)現(xiàn)更具結(jié)構(gòu)化，語(yǔ)義化的 Web 文檔。這樣，搜索引擎可以更容易索引 Web 站點(diǎn)，我們也可以搜索到更快，更準(zhǔn)確的信息。
另外，借助 Microdata， HTML5 還可以實(shí)現(xiàn)更強(qiáng)大的語(yǔ)義結(jié)構(gòu)，這個(gè)標(biāo)準(zhǔn)化的數(shù)據(jù)格式(類(lèi)似 microformats，對(duì)瀏覽器和搜索引擎都意義深遠(yuǎn))，可以讓你的站點(diǎn)不僅能夠提供數(shù)據(jù)，還能提供數(shù)據(jù)定義。
不過(guò)，和任何新技術(shù)的降臨一樣，其中也會(huì)牽扯到一些問(wèn)題，對(duì) Web 設(shè)計(jì)者而言，很大的一個(gè)問(wèn)題就是因?yàn)檫@些新標(biāo)簽的引入，各瀏覽器之間將缺少一種統(tǒng)一的數(shù)據(jù)描述格式。