国产麻豆剧传媒精品国产av,美国黄色无码在线,国产精品成人无码免费看,好男人影视社区www,中文字幕精品无码亚洲字幕乐视

宏博網(wǎng)絡(luò) | 專注互聯(lián)網(wǎng)品牌一站式服務(wù)

Thank you for visiting

029-81773686

全網(wǎng)開(kāi)發(fā)&整合營(yíng)銷服務(wù)商

CopyRight
?HOOBOO All rights reserved

全網(wǎng)開(kāi)發(fā)&整合營(yíng)銷服務(wù)商

029-81773686

html5常見(jiàn)的那些事(二)

2015.10.14

      上一次我們給大家敘述了html5的一些標(biāo)簽,顯然沒(méi)有更加詳細(xì)的敘述其他的一些關(guān)鍵實(shí)質(zhì)性的內(nèi)容,今天繼續(xù)為大家演示html5的一些標(biāo)簽;


       1. <canvas>標(biāo)簽并不只是為了繪圖.


       <canvas>為HTML添加了一個(gè)二維的繪圖區(qū)域。乍一看,<canvas>適于創(chuàng)建一個(gè)簡(jiǎn)單的繪圖程序,可以使用線,弧,和矩形。


       事實(shí)上,如果看一下演示<canvas>的網(wǎng)站,你會(huì)看到它被用于任何基礎(chǔ)繪圖、交互式繪圖應(yīng)用、制作動(dòng)畫(huà)、游戲,甚至渲染三維場(chǎng)景。


       一個(gè)有趣的應(yīng)用是視頻處理。你可以從player取得幀數(shù)據(jù)(frame data)并加以處理,而后寫(xiě)入到一個(gè)<canvas>上顯示出來(lái)。同樣的,你可以在游戲中使用一個(gè)canvas提供圖像的雙緩沖。


       所以,不要小瞧了<canvas>,它是HTML 5一個(gè)強(qiáng)大的新功能,可以用于各種圖形應(yīng)用, 在現(xiàn)代的瀏覽器中的JavaScrip的性能提升也足以應(yīng)付圖像和視頻處理需求。



       2. CSS3支持通常由JavaScript提供的動(dòng)畫(huà)效果.


       通過(guò)CSS3,我們可以輕松實(shí)現(xiàn)以前只能通過(guò)JavaScript實(shí)現(xiàn)的網(wǎng)頁(yè)效果。


       例如,當(dāng)鼠標(biāo)劃過(guò)時(shí),需要組件可以淡入淡出,以前必須寫(xiě)復(fù)雜的JavaScript代碼或者使用一個(gè)UI庫(kù)(jQuery,scriptaculous)。而通過(guò)CSS3,你就不再需要寫(xiě)代碼了。


       Transition(過(guò)渡) 和 transform(轉(zhuǎn)換) 是CSS3中的新特性,你能通過(guò)它們創(chuàng)造有趣的效果和動(dòng)畫(huà)。比如你可以使用元件不透明性(opacity)的過(guò)渡(transition)實(shí)現(xiàn)淡化的效果。還可以通過(guò)轉(zhuǎn)換(transform)函數(shù)實(shí)現(xiàn)多個(gè)元件的旋轉(zhuǎn)和縮放。組合起來(lái)就可以創(chuàng)造出很酷的動(dòng)畫(huà)效果。



       3. <video>標(biāo)簽很簡(jiǎn)單; 可是編碼呢?


       通過(guò)增加一個(gè)<video>元素到您的網(wǎng)頁(yè),就可以輕松地在網(wǎng)頁(yè)上播放視頻,并且不需要其它插件。但說(shuō)到視頻格式,不幸的是,支持的協(xié)議很少。今天,支持三個(gè)不同的格式:WebM,MP4,以及Ogg,而至于是哪一個(gè),和取決于你使用的瀏覽器。如果你的用戶集中在某個(gè)平臺(tái),相對(duì)比較容易。比如,針對(duì)iPad用戶,你只需要提供MP4格式就可以了。如果你想支持所有流行的瀏覽器,那么你就要提供所有三種格式的內(nèi)容。


       怎么做?你可以使用<video>和<source>同時(shí)提供三種視頻文件。如果都不支持,你當(dāng)然還要提供一個(gè)備案。


       所以,將視頻放到網(wǎng)頁(yè)很容易了,但如何讓用戶得到可以真正播放的視頻仍然有些麻煩。



       4. XHTML已死,卻又永生(XHTML is dead, long live XHTML).


       隨著XHTML 2的逝去和HTML 5的崛起,XHTML早已失去了網(wǎng)絡(luò)語(yǔ)言的領(lǐng)先地位。但并不意味著你不能使用XHTML,事實(shí)上,我們叫它XHTML5。


       記住,XHTML和HTML之間的差異是XHTML使用嚴(yán)格的語(yǔ)法。受益的是它是可擴(kuò)展的(因?yàn)樗荴ML), 缺點(diǎn)是XHTML過(guò)于嚴(yán)格,發(fā)揮的沒(méi)有其他語(yǔ)言那么好(如CSS和JavaScript), 也并不是為構(gòu)建Web應(yīng)用而設(shè)計(jì)的。


       所以,現(xiàn)在寫(xiě)XHTML5,添加命名空間(namespace)和使用規(guī)范的語(yǔ)法就可以了。



       5. JSON主導(dǎo)新的內(nèi)容格式.


       2004年XML就努力統(tǒng)治世界,然而到現(xiàn)在還沒(méi)有達(dá)成。


       目前很多開(kāi)發(fā)商正使用JSON取代XML。JSON可以使用與代碼相同的格式和序列化(serialized)的對(duì)象。當(dāng)?shù)玫竭h(yuǎn)程的JSON數(shù)據(jù),可以從瀏覽器本身得到快速的解析。每一個(gè)瀏覽器都內(nèi)置了JSON的對(duì)象和兩個(gè)方法:stringify (字串化):用來(lái)從一個(gè)對(duì)象生成JSON數(shù)據(jù)字串,parser(解析): 用來(lái)從字串創(chuàng)建一個(gè)對(duì)象。


       今天JSON被廣泛應(yīng)用在網(wǎng)絡(luò)服務(wù)應(yīng)用程序,如FaceBook和Twitter。而且,由于XHR有跨域的限制,許多網(wǎng)絡(luò)服務(wù)的都實(shí)現(xiàn)了JSONP(JSON with Padding)。它本身是一個(gè)簡(jiǎn)單的概念,但非常實(shí)用。



上一篇:如何采集內(nèi)容保證其內(nèi)容質(zhì)量度

下一篇:css如何調(diào)用外部字體

CopyRight ? 西安宏博網(wǎng)絡(luò)科技有限公司   備案號(hào):陜ICP備10007014號(hào)-8   站點(diǎn)地圖 免責(zé)聲明:本網(wǎng)站部分資源來(lái)源于網(wǎng)絡(luò),如有侵權(quán),請(qǐng)聯(lián)系我們告知?jiǎng)h除,我們將會(huì)盡快處理,謝謝!本站不承擔(dān)任何法律責(zé)任。