建站
咨詢
售后
建站咨詢
新聞中心
1. HTML5 標(biāo)簽沒(méi)什么大不了的.
創(chuàng)新互聯(lián)公司擁有一支富有激情的企業(yè)網(wǎng)站制作團(tuán)隊(duì)，在互聯(lián)網(wǎng)網(wǎng)站建設(shè)行業(yè)深耕10年，專業(yè)且經(jīng)驗(yàn)豐富。10年網(wǎng)站優(yōu)化營(yíng)銷經(jīng)驗(yàn)，我們已為上1000+中小企業(yè)提供了成都網(wǎng)站建設(shè)、做網(wǎng)站解決方案，按需求定制開(kāi)發(fā)，設(shè)計(jì)滿意，售后服務(wù)無(wú)憂。所有客戶皆提供一年免費(fèi)網(wǎng)站維護(hù)!
理解這句話你需要先了解HTML 5。它僅僅是一個(gè)html4.01的一個(gè)升級(jí)版本？或者是它是完全不同的新版本(無(wú)處不在的大肆宣傳可能會(huì)讓你有這種感覺(jué)）？答案是兩種理解都有部分正確。HTML 5包括許多簡(jiǎn)化和附加的網(wǎng)頁(yè)標(biāo)記，所以稱它為升級(jí)版本也是公平的（雖然也有一些大的補(bǔ)充標(biāo)簽，如視頻
如果你已經(jīng)很熟悉html 4，那大多數(shù)新的標(biāo)簽會(huì)很容易使用。
2. HTML 5的力量源泉是JavaScript.
雖然我們都聽(tīng)到的總是“HTML 5″, 但真正的無(wú)名英雄是JavaScript和一套新的API。這些API包括獲取地理位置(Geolocation)，圖形繪制(a drawable canvas)，個(gè)性化的視頻體驗(yàn)(custom video experiences)，拖放，大量的本地存儲(chǔ)(local storage)，甚至多線程（更像是當(dāng)前的應(yīng)用程序）。這只是已經(jīng)命名的一些API而已。
過(guò)去幾年，Javascript的名聲可不好，其實(shí)它是一個(gè)復(fù)雜和強(qiáng)大的語(yǔ)言?，F(xiàn)在，它也是一個(gè)快速的語(yǔ)言，在過(guò)去十年里，速度得到近似100倍的改善（還會(huì)得到更多的改善）。當(dāng)然，它仍然有它的內(nèi)傷，但通過(guò)了解它們就可以有避免的方法。如果你知道他們。它也很容易入門。
所以，如果你想運(yùn)用HTML 5，你就要JavaScript。
3. 標(biāo)準(zhǔn)來(lái)自哪里并不重要(It’s not which standards document an API comes from that is important).
當(dāng)我們寫”Head First HTML5 Programming”時(shí)，常聽(tīng)到”Geolocation并不是HTML5正式規(guī)格的一部分!” 是的. 但它是W3C的正式標(biāo)準(zhǔn)之一，而且事實(shí)上這并不重要。重要的是多少現(xiàn)在的瀏覽器已經(jīng)支持Geolocation 了？我們更在意這個(gè)。
當(dāng)然，這里有一個(gè)時(shí)間的問(wèn)題。但當(dāng)我們寫代碼時(shí)，重要的是“用戶需要它嗎？(Will it be there for my users)“
4. 怎么知道該不該上HTML5了(How to know if you should embrace HTML5 now).
如果你的用戶使用移動(dòng)設(shè)備，你就應(yīng)該考慮使用HTML 5。HTML 5瀏覽器是在大量的智能手機(jī)和平板上很普遍了。如果你的用戶主要在桌面電腦上使用，你也應(yīng)該去好好研究一下HTML 5。但是如果他們使用的是舊版本的瀏覽器，那就需認(rèn)真評(píng)估一下了。
無(wú)論何時(shí)，你想要了解瀏覽對(duì)HTML 5支持的情況，都可以借助下面這些很棒的資源來(lái)了解。包括：
http://caniuse.com/.
http://www.findmebyip.com/.
http://html5test.com/.
Wikipedia’s Comparison of Web Browsers page and Comparison of Layout Engines page.
WHATWG’s Implementations in Web Browsers wiki page.
當(dāng)然，你也要盡量在各個(gè)瀏覽器上測(cè)試一下你的應(yīng)用程序或網(wǎng)頁(yè)。
5. 進(jìn)退自如: 優(yōu)雅降級(jí)和功能檢查(graceful degradation and feature detection).
通過(guò)JavaScript有許多方法可以用來(lái)檢測(cè)HTML5的支持能力。通過(guò)創(chuàng)建一個(gè)對(duì)象，通過(guò)檢查屬性，通過(guò)使用自定義方法如
不用說(shuō)，如果用戶的瀏覽器不支持新特性，你需要提供備用方案。(比如，使用圖片或flash來(lái)代替HTML5的video和canva, 或者顯示一段信息告訴用戶為什么沒(méi)看到預(yù)期的效果。). 有沒(méi)有更好的方法呢?
有的. Modernizr JavaScript library 是一個(gè)開(kāi)源庫(kù)，可以很方便的檢查HTML5和CSS3的支持情況，并加載相似的資源, 如不同的JavaScript腳本, CSS文件, 圖片等等，取決于支持的程度.
6.
通過(guò)增加一個(gè)
怎么做？你可以使用
所以，將視頻放到網(wǎng)頁(yè)很容易了，但如何讓用戶得到可以真正播放的視頻仍然有些麻煩。
7.
事實(shí)上，如果看一下演示
一個(gè)有趣的應(yīng)用是視頻處理。你可以從player取得幀數(shù)據(jù)(frame data)并加以處理，而后寫入到一個(gè)
所以，不要小瞧了
8. CSS3支持通常由JavaScript提供的動(dòng)畫效果.
通過(guò)CSS3，我們可以輕松實(shí)現(xiàn)以前只能通過(guò)JavaScript實(shí)現(xiàn)的網(wǎng)頁(yè)效果。
例如，當(dāng)鼠標(biāo)劃過(guò)時(shí)，需要組件可以淡入淡出，以前必須寫復(fù)雜的JavaScript代碼或者使用一個(gè)UI庫(kù)(jQuery,scriptaculous)。而通過(guò)CSS3,你就不再需要寫代碼了。
Transition(過(guò)渡) 和 transform(轉(zhuǎn)換) 是CSS3中的新特性，你能通過(guò)它們創(chuàng)造有趣的效果和動(dòng)畫。比如你可以使用元件不透明性(opacity)的過(guò)渡(transition)實(shí)現(xiàn)淡化的效果。還可以通過(guò)轉(zhuǎn)換(transform)函數(shù)實(shí)現(xiàn)多個(gè)元件的旋轉(zhuǎn)和縮放。組合起來(lái)就可以創(chuàng)造出很酷的動(dòng)畫效果。
9. 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í)用。
10. 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)在寫XHTML5，添加命名空間(namespace)和使用規(guī)范的語(yǔ)法就可以了。
分享題目：開(kāi)發(fā)者和老板都要知道的HTML5的那些事
URL標(biāo)題：http://m.fisionsoft.com.cn/article/dhjcdoo.html
