Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
TML5是第五代HTML技術(shù)的簡稱,比方說一個(gè)網(wǎng)站擺在你面前,上面有文字、圖片、音頻、視頻等各種元素,HTML技術(shù)就是把這些元素組合在一起的技術(shù)。基于第5代HTML技術(shù)做出來的網(wǎng)站也叫HTML5網(wǎng)站,主要有以下特點(diǎn):
1、跨平臺運(yùn)行
HTML5網(wǎng)站能適應(yīng)多種屏幕,自動(dòng)調(diào)整布局,解決了傳統(tǒng)PC站對手機(jī)終端不友好的問題,還能搖身一變成為微站,為企業(yè)增加了流量入口。
2、站點(diǎn)有更多的多媒體元素
就像傳統(tǒng)幻燈片投影機(jī)到PPT普及,與傳統(tǒng)網(wǎng)站相比,HTML5頁面呈現(xiàn)的元素更加豐富,可以很好地替代flash和silverlight,給用戶帶來更多新意。
3、對搜索引擎友好
基于Flash的網(wǎng)站在搜索引擎上基本上是搜不到的,而搜索引擎的蜘蛛?yún)s能抓取你的HTML5站點(diǎn)和索引你的內(nèi)容。所有嵌入到動(dòng)畫中的內(nèi)容將全部可以被搜索引擎讀取,這將會(huì)驅(qū)動(dòng)你的網(wǎng)站獲得更多的右擊流量。
4、統(tǒng)一后臺
HTML5網(wǎng)站只需要一個(gè)網(wǎng)址,就能實(shí)現(xiàn)各終端自適應(yīng),用戶只需購買一個(gè)域名和空間,就能做出PC+手機(jī)+微站三站合一的網(wǎng)站,只需一個(gè)管理后臺,大大節(jié)省建設(shè)和維護(hù)成本。
5、訪問速度快
“天下武功,唯快不破。”,當(dāng)你用手機(jī)瀏覽器訪問一個(gè)pc端的商城,再訪問一個(gè)專門用H5生成的商城,你一定會(huì)發(fā)現(xiàn)H5網(wǎng)站的訪問速度完勝前者。因?yàn)镠TML5技術(shù)能實(shí)現(xiàn)網(wǎng)站的預(yù)加載。
不久的將來,所有的網(wǎng)站都會(huì)升級成HTML5網(wǎng)站,人們不會(huì)再有換終端瀏覽網(wǎng)站需要安裝APP的煩惱,同時(shí)可以體驗(yàn)更酷炫的網(wǎng)站效果,與更好玩的創(chuàng)意互動(dòng),網(wǎng)站管理者也只要有一個(gè)后臺系統(tǒng)就可以更新維護(hù)所有的展現(xiàn)平臺。
目前社會(huì)上普遍緊缺HTML5程序員,企業(yè)開發(fā)一個(gè)HTML5網(wǎng)站的時(shí)間都很長,開發(fā)成本也高。作為一款自助建站工具,建站寶盒完美解決了大部分企業(yè)的難題。制作周期短,建設(shè)成本低。操作簡單,千套模板一鍵切換,效果絕對不會(huì)讓你失望。電腦、手機(jī)、微信三站合一,可視化拖拽式操作,模塊添加一秒上手,不用請程序員,技術(shù)渣也能做。價(jià)格也相當(dāng)吸引,僅需870元/年就能擁有讓人目瞪口呆的HTML5網(wǎng)站。購買地址:http://www.iisp.com/design/
更多建站&互聯(lián)網(wǎng)行業(yè)資訊,請關(guān)注微信公眾號:耐思尼克(iisp-com)
.HTML5是什么?
HTML5是HTML經(jīng)過第五次重大修改,用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 標(biāo)準(zhǔn)的 HTML標(biāo)準(zhǔn)版本。
HTML標(biāo)準(zhǔn)自1999年12月發(fā)布的HTML4.01后,后繼的HTML5和其它標(biāo)準(zhǔn)被束之高閣,為了推動(dòng)Web標(biāo)準(zhǔn)化運(yùn)動(dòng)的發(fā)展,一些公司聯(lián)合起來,成立了一個(gè)Web超文本應(yīng)用技術(shù)工作組 (Web Hypertext Application Technology Working Group-WHATWG)的組織。WHATWG 致力于 Web 表單和應(yīng)用程序,而W3C(World Wide Web Consortium,萬維網(wǎng)聯(lián)盟) 專注于XHTML2.0。在 2006 年,雙方?jīng)Q定進(jìn)行合作,來創(chuàng)建一個(gè)新版本的 HTML。
HTML5草案的前身名為 Web Applications 1.0,于2004年被WHATWG提出,于2007年被W3C接納,并成立了新的 HTML 工作團(tuán)隊(duì)。
HTML 5 的第一份正式草案已于2008年1月22日公布。HTML5 仍處于完善之中。然而,大部分現(xiàn)代瀏覽器已經(jīng)具備了某些 HTML5 支持。
2012年12月17日,萬維網(wǎng)聯(lián)盟(W3C)正式宣布HTML5規(guī)范正式定稿。根據(jù)W3C的發(fā)言稿稱:“HTML5是開放的Web網(wǎng)絡(luò)平臺的奠基石。”
2013年5月6日, HTML 5.1正式草案公布。該規(guī)范定義了第五次重大版本,第一次要修訂萬維網(wǎng)的核心語言:超文本標(biāo)記語言(HTML)。在這個(gè)版本中,新功能不斷推出,以幫助Web應(yīng)用程序的作者,努力提高新元素互操作性。
2014年10月29日,萬維網(wǎng)聯(lián)盟宣布,經(jīng)過近8年的艱辛努力,HTML5標(biāo)準(zhǔn)規(guī)范終于最終制定完成了,并公開發(fā)布。
2.HTML5的八大特點(diǎn):
1)語義特性:HTML5賦予網(wǎng)頁更好的意義和結(jié)構(gòu)。更加豐富的標(biāo)簽將隨著對RDFa的,微數(shù)據(jù)與微格式等方面的支持,構(gòu)建對程序、對用戶都更有價(jià)值的數(shù)據(jù)驅(qū)動(dòng)的Web。
2)本地存儲(chǔ)特性:基于HTML5開發(fā)的網(wǎng)頁APP擁有更短的啟動(dòng)時(shí)間,更快的聯(lián)網(wǎng)速度,這些全得益于HTML5 APP Cache,以及本地存儲(chǔ)功能。Indexed DB(html5本地存儲(chǔ)最重要的技術(shù)之一)和API說明文檔。
3)設(shè)備兼容特性:從Geolocation功能的API文檔公開以來,HTML5為網(wǎng)頁應(yīng)用開發(fā)者們提供了更多功能上的優(yōu)化選擇,帶來了更多體驗(yàn)功能的優(yōu)勢。HTML5提供了前所未有的數(shù)據(jù)與應(yīng)用接入開放接口。使外部應(yīng)用可以直接與瀏覽器內(nèi)部的數(shù)據(jù)直接相連,例如視頻影音可直接與microphones及攝像頭相聯(lián)。
4)連接特性:更有效的連接工作效率,使得基于頁面的實(shí)時(shí)聊天,更快速的網(wǎng)頁游戲體驗(yàn),更優(yōu)化的在線交流得到了實(shí)現(xiàn)。HTML5擁有更有效的服務(wù)器推送技術(shù),Server-Sent Event和WebSockets就是其中的兩個(gè)特性,這兩個(gè)特性能夠幫助我們實(shí)現(xiàn)服務(wù)器將數(shù)據(jù)“推送”到客戶端的功能。
5)網(wǎng)頁多媒體特性:支持網(wǎng)頁端的Audio、Video等多媒體功能, 與網(wǎng)站自帶的APPS,攝像頭,影音功能相得益彰。
6)三維、圖形及特效特性:基于SVG、Canvas、WebGL及CSS3的3D功能,用戶會(huì)驚嘆于在瀏覽器中,所呈現(xiàn)的驚人視覺效果。
7)性能與集成特性:沒有用戶會(huì)永遠(yuǎn)等待你的Loading——HTML5會(huì)通過XMLHttpRequest2等技術(shù),幫助您的Web應(yīng)用和網(wǎng)站在多樣化的環(huán)境中更快速的工作。
8)CSS3特性:在不犧牲性能和語義結(jié)構(gòu)的前提下,CSS3中提供了更多的風(fēng)格和更強(qiáng)的效果。此外,較之以前的Web排版,Web的開放字體格式(WOFF)也提供了更高的靈活性和控制性。
希望這點(diǎn)東西能夠給你一點(diǎn)幫助吧!
、易用性及代碼簡潔性
HTML5賦予網(wǎng)頁更好的意義和結(jié)構(gòu)。新的HTML標(biāo)簽像<header>, <footer>,<nav>,<section>, <aside>等等,使得閱讀者更加容易去訪問內(nèi)容。使用新的語義學(xué)的定義標(biāo)簽,你可以更好的了解HTML文檔,并且創(chuàng)建一個(gè)更好的使用體驗(yàn)。
ARIA是一個(gè)W3C的標(biāo)準(zhǔn)主要用來對HTML文章中的元素指定“角色“,通過角色屬性來創(chuàng)建重要的頁面地形例如,header,footer,navigation或者aritcle很有必要。這一點(diǎn)曾經(jīng)被忽略掉了并且沒有被廣泛使用,因?yàn)槭聦?shí)上并不驗(yàn)證。然而,HTML5將會(huì)驗(yàn)證這樣屬性。同時(shí),HTML5將會(huì)內(nèi)建這些角色并且無法不覆蓋。
二、本地存儲(chǔ)特性
HTML5中最酷的特性就是本地存儲(chǔ)。有一點(diǎn)像比較老的技術(shù)cookie和客戶端數(shù)據(jù)庫的融合。它比cooke更好用因?yàn)橹С侄鄠€(gè)windows存儲(chǔ),它擁有更好的安全和性能,即使瀏覽器關(guān)閉后也可以保存。
因?yàn)樗莻€(gè)客戶端的數(shù)據(jù)庫,你不用擔(dān)心用戶刪除任何cookie,并且所有主流瀏覽器都支持。
本地存儲(chǔ)對于很多情況來說都不錯(cuò), 它是HTML5工具中一個(gè)不需要第三方插件實(shí)現(xiàn)的。能夠保存數(shù)據(jù)到用戶的瀏覽器中意味你可以簡單的創(chuàng)建一些應(yīng)用特性例如:保存用戶信息,緩存數(shù)據(jù),加載用戶上一次的應(yīng)用狀態(tài)。如果你對本地存儲(chǔ)有興趣,你可以看看這些文章
三、設(shè)備兼容特性(跨瀏覽器)
從Geolocation功能的API文檔公開以來,HTML5為網(wǎng)頁應(yīng)用開發(fā)者們提供了更多功能上的優(yōu)化選擇,帶來了更多體驗(yàn)功能的優(yōu)勢
這里有很多的meta標(biāo)簽允許你優(yōu)化移動(dòng):
viewport: 允許你定義viewport寬度和縮放設(shè)置
全屏瀏覽器: ISO指定的數(shù)值允許Apple設(shè)備全屏模式顯示
Home screen icons: 就像桌面收藏,這些圖標(biāo)可以用來添加收藏到IOS和Android移動(dòng)設(shè)備的首頁
四、網(wǎng)頁媒體特性更好的支持音、視頻
支持網(wǎng)頁端的Audio、Video等多媒體功能;在發(fā)布HTML5之前你需要使用<embed>和<object>標(biāo)簽,并且為了它們能正確播放必須賦予一大堆的參數(shù)。你的媒體標(biāo)簽將會(huì)非常復(fù)雜,大堆得令人迷惑的代碼。而且HTML5視頻和音頻標(biāo)簽基本將他們視為圖片:<video src=""/>。但是其它參數(shù)例如寬度和高度或者自動(dòng)播放呢?不必?fù)?dān)心,只需要像其它HTML標(biāo)簽一樣定義:<video src=”url” width=”640px” height=”380px” autoplay/>。
<video src="movie.ogg" controls="controls">
您的瀏覽器不支持 video 標(biāo)簽。
</video>
五、三維、圖形及特效特性
基于SVG、Canvas、WebGL及CSS3的3D功能,用戶會(huì)驚嘆于在瀏覽器中,所呈現(xiàn)的驚人視覺效果,用戶使用<canvas>可以開發(fā)游戲。<canvas>元素本身不具備繪制能力,依靠腳本來完成
當(dāng)然HTML5還有諸多特性,以上簡單的總結(jié)了一些。更多特效及用法參考w3school提供的手冊;現(xiàn)在網(wǎng)絡(luò)上HTML5相關(guān)的視頻教程數(shù)不勝數(shù)。極客還有慕課都是很不錯(cuò)的
需要幫助可以關(guān)注公眾號:伙拼學(xué)習(xí)
*請認(rèn)真填寫需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。