整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
HTML5的新特性：
表單驗證
placeholder自動聚焦
移除的元素：
不能識別HTML5新標簽而不能使用，解決辦法有兩種：
通過document.createElement（tagName）方法即可讓瀏覽器識別新標簽，瀏覽器支持新標簽后，還可以為新標簽添加CSS樣式。
在<head>中調用以下代碼：
<!--[if lt IE 9]>
<script> src="http://html5shim.googlecode.com/svn/trunk/html5.js"</script>
<![endif]-->當然也可以直接把這個文件下載到自己的網站上，但這個文件必須在head標簽中調用。
在</body>之前調用以下代碼：
<!--if lte IE 6]>
<script src="http://letskillie6.googlecode.com/svn/trunk/letskillie6.zh_CN.pack.js"></script>
<![endif]-->區分HTML和HTML5：
TML5的新特性
1. 語義特性(Class:Semantic)
HTML5賦予網頁更好的意義和結構。更加豐富的標簽將隨著對RDFa的微數據與微格式等方面的支持,構建對程序、對用戶都更有價值的數據驅動的Web。
2. 本地存儲特性(Class: OFFLINE & STORAGE)
基于HTML5開發的網頁APP擁有更短的啟動時間,更快的聯網速度,這些全得益 于HTML5 APP Cache,以及本地存儲功能。Indexed DB(html5本地存儲最重要 的技術之一)和API說明文檔。
3. 設備兼容特性 (Class: DEVICE ACCESS)
4. 連接特性(Class: CONNECTIVITY)
5. 網頁多媒體特性(Class: MULTIMEDIA)
支持網頁端的Audio、Video等多媒體功能, 與網站自帶的APPS,攝像頭,影音 功能相得益彰。
6. 三維、圖形及特效特性(Class: 3D, Graphics & Effects)
7. 性能與集成特性(Class: Performance & Integration)
沒有用戶會永遠等待你的Loading——HTML5會通過XMLHttpRequest2等技術, 幫助您的Web應用和網站在多樣化的環境中更快速的工作。
HTML5的優缺點
優點：
1、 網絡標準
HTML5本身是由W3C推薦出來的,它的開發是通過谷歌、蘋果、諾基亞、中國移動等幾百家公司一起醞釀的技術,這個技術最大的好處 在于它是一個公開的技術。換句話說,每一個公開的標準都可以根據 W3C的資料庫找尋根源。另一方面,W3C通過的HTML5標準也就意 味著每一個瀏覽器或每一個平臺都會去實現。
2、 多設備、跨平臺
3、 即時更新。
4、提高可用性和改進用戶的友好體驗;
5、 有幾個新的標簽,這將有助于開發人員定義重要的內容;
6、 可以給站點帶來更多的多媒體元素(視頻和音頻);
7、可以很好的替代FLASH和Silverlight;
8、 涉及到網站的抓取和索引的時候,對于SEO很友好;
9、被大量應用于移動應用程序和游戲。
缺點：
1、 安全:
像之前Firefox4的web socket和透明代理的實現存在嚴重的安全問 題,同時web storage、web socket 這樣的功能很容易被黑客利用,來盜 取用戶的信息和資料,另外http的機制導致了web應用安全性有所欠缺, 這將在很長時間內成為問題。
2、 完善性:
html5 還在成熟和發展中,像之前曾經支持的web sql database, w3c已經決定不再維護。許多特性各瀏覽器的支持程度也不一樣,而地理定位API在國內的前途還不清晰。
3、 技術門檻:
html5簡化開發者工作的同時代表了有許多新的屬性和API需 要開發者學習,想web worker、web socket、web storage 等新特性要求 對于后臺的技術需要有一定的了解,甚至需要深入了解其后面原理和邏輯,而canvas要求視覺和圖像算法的一些知識,傳統的前端開發者需要 掌握更多算法、視覺、后臺甚至瀏覽器原理的知識,機遇的同時也是巨大的挑戰
4、 性能:
某些平臺上的引擎問題導致html5性能低下,同時在不加入GPU加 速的情況下,html5處理復雜音視頻,動畫的性能不盡如人意。
5、 瀏覽器兼容性問題：
這是html5最大缺點,IE9以下瀏覽器幾乎全軍覆沒,而其他瀏覽器雖然支持很好,但不是很全。
下期預告：
HTML5學習筆記三：HTML5語法規則
番外篇：昨天寫了第一篇文章，閱讀量還算可以，感謝收藏Tommy文章和訂閱Tommy say的童鞋！對于我的每一篇文章都可以在下面評論交流，我看到后也會和大家互動回答的哦！
TML5 現在已經不是 SGML 的子集，主要是關于圖像，位置，存儲，多任務等功能的增加。
繪畫 canvas：用于媒介回放的 video 和 audio 元素;
本地離線存儲： localStorage 長期存儲數據，瀏覽器關閉后數據不丟失;sessionStorage 的數據在瀏覽器關閉后自動刪除;
語意化更好的內容元素：比如 article、footer、header、nav、section;
表單控件：calendar、date、time、email、url、search;
新的技術：webworker, websocket, Geolocation;
兼容處理：
支持HTML5新標簽：
IE8/IE7/IE6支持通過document.createElement方法產生的標簽，可以利用這一特性讓這些瀏覽器支持HTML5新標簽。瀏覽器支持新標簽后，還需要添加標簽默認的樣式。當然也可以直接使用成熟的框架、比如html5shiv;
<!--[if lt IE 9]> <script> src="https://cdn.bootcss.com/html5shiv/r29/html5.js"</script> <![endif]-->
* 如何區分HTML5： 看這里
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
