使用HTML5的5大原因:1、HTML5是未來,是網路的下一代標準;2、HTML5支援行動開發,是最行動化的開發工具;3、HTML5支援跨瀏覽器;4 、HTML5的互動性佳;5、HTML5可以不借助flash,實現視訊和音訊的播放。
本教學操作環境:windows7系統、HTML5版、Dell G3電腦。
使用HTML5的5大原因
#第一大原因: 它是未來,開始用吧!
最大的原因今天你就開始使用HTML5是因為它是未來,不要掉隊了! HTML5不會往每個方向發展,但是更多的元素已經被許多公司採用,並且開始著手開發。 HTML5其實更像HTML,它不是新的技術需要你重新學習!如果你開發XHTML strict的話你現在就已經在開發HTML5了。為什麼不更完整的享受HTML5的功能呢?
第二大原因:移動,移動還是移動
你可以稱之為“直覺”,但是我認為移動技術將會變得更加的流行。我知道,這裡有些非常瘋狂的猜測,有些可能你也想到了 – Mobile是個時尚!移動設備將佔領世界。更多的接受行動裝置將會成長的非常迅速。這意味著更多的用戶會選擇使用行動裝置造訪網站或web應用程式。 HTML5是最行動化的開發工具。隨著Adobe宣布放棄行動flash開發,你將會考慮使用HTML5來開發webp應用程式。
當手機瀏覽器完全支援HTML5那麼開發行動專案將會和設計更小的觸控顯示一樣簡單。這裡有很多的meta標籤允許你優化移動:
viewport: 允許你定義viewport寬度和縮放設定;
全螢幕瀏覽器: ISO指定的數值允許Apple裝置全螢幕模式顯示;
Home screen icons: 就像桌面收藏,這些圖示可以用來新增收藏到IOS和Android行動裝置的首頁。
第三大原因:遺留及其跨瀏覽器支援
你的現代流行瀏覽器都支援HTML5(Chrome,Firefox, Safari,IE9和Opera),並且創建了HTML5 doctype這樣所有的瀏覽器,即使非常老非常令人厭惡瀏覽器像IE6都可以使用。但是因為舊的瀏覽器能夠辨識doctype並不意味著它可以處理HTML5標籤和功能。幸運的是,HTML5已經使得開發更加簡單了,更多支援更多瀏覽器,這樣舊的IE瀏覽器可以透過添加javascript程式碼來使用新的元素:
<!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
第四大原因:更好的互動
我們都喜歡更好的互動,我們都喜歡對於用戶有回饋的動態網站,用戶可以享受互動的過程。輸入5ba626b379994d53f7acf72a64f9b697,HTML5的畫圖標籤允許你做更多的互動和動畫,就像我們使用Flash達到的效果。
除了5ba626b379994d53f7acf72a64f9b697,HTML5同樣也擁有很多API允許你創造更好的使用者體驗並且更動態的web應用程式。這裡有一個清單:
Drag and Drop (DnD)
Offline storage database
Browser history management
document editing
Timed media playback
第五大原因:視訊和音訊支援
忘了flash和其它第三方應用吧,讓你的視訊和音訊透過HTML5標籤39000f942b2545a5315c57fa3276f220和b97864c2e0ef2353a16c4d64c7734e92來存取資源。正確播放媒體一直都是一個非常可怕的事情,你需要使用d8e2720730be5ddc9c2a3782839e8eb6和273238ce9338fbb04bee6997e5552b95標籤,並且為了它們能正確播放必須賦予大量的參數。你的媒體標籤將會非常複雜,大堆得令人困惑的程式碼。而且HTML5視訊和音訊標籤基本上將他們視為圖片:ac3c53510d560f08d51d4cc213f28f77。但是其它參數例如寬度和高度或自動播放呢?不必擔心,只需要像其它HTML標籤一樣定義:dc72d371e5f11bab05d56277b47dc80a。
實際上這個過程非常簡單,然而我們的舊瀏覽器可能不喜歡我們的HTML5,你需要添加更多程式碼來讓他們正確運作。但這個程式碼還是比d8e2720730be5ddc9c2a3782839e8eb6和273238ce9338fbb04bee6997e5552b95來的簡單的多。
推薦教學:《html影片教學》
以上是使用HTML5的5大原因是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!