淄博網贏率先采用新一代HTML5標準構建網站系統
2018-07-18 09:30/ 人氣
淄博(bo)網贏網絡公(gong)司(si)采用全(quan)新一代移動(dong)互(hu)聯網HTML5新技術和新理念(nian)、并嚴(yan)格按W3C國(guo)際互(hu)聯網標準(zhun)構建，在讓您的(de)網站在全(quan)面兼(jian)容移動(dong)終(zhong)端的(de)同時，將獲得更(geng)良好(hao)(hao)的(de)用戶體驗和全(quan)新的(de)網絡應用。由于HTML5對搜索(suo)引擎更(geng)加(jia)友(you)好(hao)(hao)，更(geng)加(jia)有利于SEO優(you)化，所以您的(de)網站將獲得更(geng)高的(de)搜索(suo)引擎收(shou)錄和評(ping)價。
作(zuo)為HTML 4的升級版本，HTML 5 的第一份正式草(cao)案已于(yu)2008年1月22日公(gong)布。相(xiang)比于(yu)前者(zhe)，HTML 5有兩大特點：首(shou)先強化了Web 網頁的表(biao)現性能(neng)(neng)。其(qi)次追加了本地數據(ju)庫等 Web 應用(yong)的功(gong)能(neng)(neng)。
其實，HTML 5的(de)(de)優點并不止這些，它增添(tian)了許多(duo)新的(de)(de)功能，不僅有效(xiao)的(de)(de)提(ti)升了用戶體驗，而且還將(jiang)瀏覽(lan)器一部分的(de)(de)錯誤指令轉(zhuan)化為(wei)相同的(de)(de)結果。為(wei)此，HTML 5雖未正式(shi)登陸市(shi)場，但已成為(wei)了行(xing)業新寵。
html5引領行業新趨勢
HTML5作為(wei)下一(yi)代(dai)Web開發標(biao)(biao)準，是近(jin)十(shi)年來Web開發標(biao)(biao)準最巨大的(de)飛躍。和以(yi)前的(de)版本不(bu)同，HTML 5并非僅僅用來表示Web內(nei)容(rong)，它的(de)新使命是將Web帶入一(yi)個成熟的(de)應用平臺，在HTML 5平臺上(shang)，視頻(pin)，音頻(pin)，圖象，動(dong)畫(hua)，以(yi)及(ji)同電腦的(de)交互都(dou)被標(biao)(biao)準化。
Adobe副總裁丹尼維諾日前在公司官方網站聲明，Adobe將停止為移(yi)動瀏(liu)覽(lan)器開發(fa)Flash Player，表示(shi)會加大對(dui)(dui)HTML5技術的開發(fa)，并(bing)會增(zeng)強(qiang)對(dui)(dui)Flash的創新投資。
早(zao)在(zai)2010年(nian)(nian)4月，蘋(pin)(pin)果當(dang)時CEO喬(qiao)布斯曾公開宣布IOS平臺(tai)放(fang)(fang)棄(qi)Flash技術，并解釋(shi)放(fang)(fang)棄(qi)Flash在(zai)IOS上(shang)(shang)的(de)(de)原(yuan)因，當(dang)時業界一致(zhi)的(de)(de)聲音是蘋(pin)(pin)果和(he)(he)Adobe控制(zhi)專(zhuan)利的(de)(de)糾(jiu)紛導致(zhi)了(le)Flash沒有(you)登(deng)錄IOS，而并沒有(you)把所有(you)的(de)(de)注意(yi)放(fang)(fang)在(zai)Flash本(ben)身的(de)(de)弱點上(shang)(shang)，從此蘋(pin)(pin)果、HTML5和(he)(he)Flash在(zai)移動(dong)(dong)平臺(tai)技術上(shang)(shang)一直處于(yu)爭議。事情(qing)直到2011年(nian)(nian)11月才真正的(de)(de)得到了(le)答案，Adobe戰略放(fang)(fang)棄(qi)了(le)Flash，喬(qiao)布斯又做了(le)一次成功(gong)的(de)(de)選擇，他推動(dong)(dong)了(le)移動(dong)(dong)行業朝HTML5的(de)(de)方向(xiang)邁出(chu)了(le)一步(bu)。
隨(sui)著(zhu)Flash的落幕，HTML5技(ji)術(shu)已經成(cheng)為了移(yi)(yi)動平(ping)臺唯一的標志，優秀(xiu)的技(ji)術(shu)優勢(shi)勢(shi)必(bi)會影(ying)響移(yi)(yi)動互聯網現在(zai)的格局。
HTML5 主要新功能
HTML5 是(shi)繼 HTML4.01, XHTML 1.0 和 DOM 2 HTML 后的又一(yi)個重要版本，旨在(zai)消除Internet 程序（RIA）對 Flash， Silverlight， JavaFX 一(yi)類瀏覽器插(cha)件的依賴。除了(le)原先的DOM接口，HTML5增加(jia)了(le)更多API，如：
本地音(yin)頻視頻播(bo)放；
動畫；
地理信息；
硬件加速；
本地運行(即使在 Internet 連接中斷(duan)之后)；
本地存儲；
從桌面拖放文件到瀏覽(lan)器(qi)上(shang)傳；
語義化標記。
那(nei)些(xie)支持(chi) HTML5 的瀏覽(lan)器在處理 HTML 代(dai)碼(ma)錯(cuo)誤的時(shi)候必須更靈活，而那(nei)些(xie)不支持(chi) HTML5 的瀏覽(lan)器將忽略 HTML5 代(dai)碼(ma)。
HTML5 語法的變化
HTML5 引入了新(xin)(xin)的(de)(de) HTML 元(yuan)素(su)(su)和屬(shu)性，有的(de)(de)是傳統通用(yong)元(yuan)素(su)(su)的(de)(de)語義化版(ban)本，如(ru)取代 div 元(yuan)素(su)(su)的(de)(de) nav, footer 等元(yuan)素(su)(su)，也(ye)有一些全新(xin)(xin)的(de)(de)元(yuan)素(su)(su)，如(ru) audio, video。一些在(zai) HTML4 中不被推(tui)薦使用(yong)的(de)(de)元(yuan)素(su)(su)，如(ru) font 和 center 將(jiang)被棄用(yong)。HTML5 引入的(de)(de)新(xin)(xin) HTML 元(yuan)素(su)(su)包括：
article：文章
aside：內容(rong)旁邊(bian)(bian)的側邊(bian)(bian)欄內容(rong)
audio：音(yin)頻
canvas：2D 繪圖
command：命令按鈕
datalist：下拉選(xuan)擇框
details：對象(xiang)的細節
dialog：對話框
embed：外(wai)部插件或對象(xiang)
figure：一(yi)組媒體對象以(yi)及標簽文字(zi)
footer：頁腳
header：頁首(shou)
hgroup：文檔某一部分的(de)信息
keygen：表單生成的 Key
mark：標注(zhu)的文字(zi)
meter：預先定義的范圍(wei)內的度量
nav：導航條
output：輸(shu)出
progress：進度條
rp：標識 rubby 內(nei)容
rt：rubby 內容的解釋
ruby：rubby 內容
section：定義一個部分(fen)
source：媒體的資源
time：日期時間
video：視(shi)頻
這些(xie)新標簽(qian)，可以(yi)讓你的(de)(de)(de) HTML 文檔更容(rong)易(yi)加(jia)載，且更容(rong)易(yi)被搜索引擎(qing)抓取(qu)其中的(de)(de)(de)有用信(xin)息(xi)。比如，搜索引擎(qing)可以(yi)直接(jie)抓取(qu)它最關心的(de)(de)(de) article 標簽(qian)里(li)面的(de)(de)(de)內容(rong)。
HTML5 同那些流行的技術如何共存
如(ru)(ru)今的 Web 世界已(yi)經習慣了(le)各(ge)種(zhong)插件和 API，HTML5 為(wei) Web 開發與設(she)計(ji)者帶來了(le)方便與不便，HTML5 將(jiang)如(ru)(ru)何同現在的這些流(liu)行(xing)技術(shu)共存？
HTML5 與 Flash
這個(ge)爭(zheng)論(lun)由來(lai)已(yi)久(jiu)，Flash 被(bei)某(mou)些開發(fa)設計者(zhe)濫(lan)用導致一些網頁加(jia)載(zai)緩慢，而(er) HTML5 為之帶來(lai)一線(xian)曙光(guang)。相對(dui) Windows 用戶來(lai)說，Mac 用戶可能會從 HTML5 獲(huo)得更多好處，因為蘋果一直不愿支持(chi) Flash。現在看來(lai)，就視(shi)頻游戲(xi)而(er)言，Flash 是(shi)更好的(de)選擇(ze)，但取決于你的(de)瀏覽器(qi)，如果你的(de)視(shi)頻不是(shi)很復雜(za)，HTML5 是(shi)更好的(de)選擇(ze)。Web開發(fa)與設計者(zhe)從這些爭(zheng)論(lun)中(zhong)應(ying)該吸取的(de)東(dong)西(xi)是(shi)，Flash 之外(wai)還有別(bie)的(de)選擇(ze)，但 Flash 有牢固的(de)地盤，在為客戶提供開發(fa)設計的(de)時候，需要(yao)對(dui)他們的(de)目標客戶做(zuo)一些研究。
HTML5 與 IE 9
IE9 經常高調宣(xuan)揚它對(dui) HTML5 的(de)兼容，它確實將(jiang)是一個很好地支持 HTML5 的(de)瀏覽器，因為，IE9 使用 Windows 現代圖(tu)形(xing)(xing)(xing) API 以及 PC 的(de)圖(tu)形(xing)(xing)(xing)加速卡輸出文字和圖(tu)形(xing)(xing)(xing)。微軟還曾宣(xuan)稱，IE9 將(jiang)支持 GPU 加速的(de) HTML5，將(jiang)圖(tu)形(xing)(xing)(xing)滾動(dong)，3D 圖(tu)形(xing)(xing)(xing)顯示等處理交由圖(tu)形(xing)(xing)(xing)加速卡。
HTML5 與 Ajax
現在(zai)的 HTML 語(yu)言(yan)的一個問(wen)題是(shi)，它是(shi)一種輕量級(ji)的應用(yong)(yong)界面，那些喜(xi)歡(huan)使用(yong)(yong) Ajax 實現在(zai)線應用(yong)(yong)的開發者(zhe)會(hui)發現 HTML 非(fei)常(chang)不(bu)好(hao)(hao)用(yong)(yong)。靈狐認為(wei)(wei)，HTML 適合用(yong)(yong)來加(jia)載界面，JavaScript 用(yong)(yong)來執行命(ming)令(ling)，雖然 HTML 在(zai)作(zuo)為(wei)(wei)界面語(yu)言(yan)方(fang)面并(bing)不(bu)好(hao)(hao)用(yong)(yong)，但鑒于(yu)多數開發者(zhe)對它的熟(shu)悉程度，HTML 還是(shi)不(bu)可缺少。HTML5 會(hui)讓 Ajax 應用(yong)(yong)的實現變得更容易。
HTML5 與CSS
你需(xu)對你的(de) CSS 代碼就(jiu)行整理以支持 HTML5，因為(wei) h1, h2 之(zhi)類的(de)標簽將不再使用(yong)，為(wei)了(le)實現(xian)同 HTML5 的(de)兼容，最(zui)好的(de)方式是(shi)使用(yong) CSS reset，將那(nei)些(xie)常見的(de) HTML 標簽的(de) CSS 屬性清零，woork 認為(wei)，最(zui)好的(de) CSS Reset 是(shi) Eric Meyers CSS reset。
HTML 5 將帶來什么？
全新的(de)(de)(de)，更合(he)理的(de)(de)(de) Tag，多(duo)媒體(ti)對(dui)象將(jiang)不(bu)再全部(bu)綁定在 object 或 embed Tag 中(zhong)(zhong)，而是視頻(pin)(pin)有視頻(pin)(pin)的(de)(de)(de) Tag，音(yin)頻(pin)(pin)有音(yin)頻(pin)(pin)的(de)(de)(de) Tag。本地(di)數(shu)據庫，這(zhe)(zhe)個功能將(jiang)內(nei)嵌一個本地(di)的(de)(de)(de) SQL 數(shu)據庫，以(yi)加(jia)速交互式搜索，緩存以(yi)及索引功能。同時，那些離線 Web 程序也將(jiang)因此獲(huo)益匪淺。不(bu)需要(yao)插件的(de)(de)(de)富動(dong)畫。Canvas 對(dui)象將(jiang)給瀏(liu)(liu)覽器(qi)帶來直接在上面(mian)繪制矢量(liang)圖的(de)(de)(de)能力，這(zhe)(zhe)意味著我們可以(yi)脫離 Flash 和 Silverlight，直接在瀏(liu)(liu)覽器(qi)中(zhong)(zhong)顯示圖形或動(dong)畫。將(jiang)提供 API 實現瀏(liu)(liu)覽器(qi)內(nei)的(de)(de)(de)編(bian)輯，拖放，以(yi)及各種圖形用戶界面(mian)的(de)(de)(de)能力。內(nei)容修飾 Tag 將(jiang)被剔除，而使用 CSS。理論上講，HTML 5 是培育新 Web 標準的(de)(de)(de)土壤(rang)，讓各種設想在他的(de)(de)(de)組織者(zhe)之(zhi)間分享。
HTML5 的更多意義
HTML5 的(de)(de)意義(yi)遠不止上面這(zhe)(zhe)些(xie)，它最大的(de)(de)意義(yi)在(zai)于(yu)改(gai)變了 Web 文檔(dang)的(de)(de)結(jie)構方式，借助 header, footer, section, article 這(zhe)(zhe)些(xie)標(biao)簽，我們(men)可以(yi)實現更(geng)具結(jie)構化，語(yu)義(yi)化的(de)(de) Web 文檔(dang)。這(zhe)(zhe)樣(yang)，搜(sou)索引擎可以(yi)更(geng)容易索引 Web 站點，我們(men)也可以(yi)搜(sou)索到更(geng)快，更(geng)準(zhun)確(que)的(de)(de)信息(xi)。
另(ling)外，借(jie)助 Microdata， HTML5 還(huan)可(ke)(ke)以(yi)實現更強大的語(yu)義結(jie)構，這個標準化的數(shu)據格(ge)式(類似 microformats，對(dui)瀏覽器和搜索引擎都意(yi)義深遠(yuan))，可(ke)(ke)以(yi)讓你的站點不僅(jin)能夠提供(gong)數(shu)據，還(huan)能提供(gong)數(shu)據定義。
不過，和(he)任何新技術的降臨一(yi)(yi)樣，其中也(ye)會牽扯到(dao)一(yi)(yi)些問題，對 Web 設計(ji)者而言，最大的一(yi)(yi)個問題就是因為這些新標(biao)簽的引入，各瀏覽器之(zhi)間將缺(que)少一(yi)(yi)種統一(yi)(yi)的數據描述格(ge)式(shi)。
