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