之前大學有接觸過web方面由於時間有點久忘得差不多了，在這裏就做一點總結吧。
1.學習什麼？
Web前端開發技術包括三個要素:HTML、CSS和JavaScript，但隨着RIA的流行和普及，Flash/Flex、Silverlight、XML和服務器端語言也是前端開發工程師應該掌握的。隨着時代的發展，前端開發技術的三要素也演變成爲現今的:html5，css3，jquery。當然學習最新的咯！我就從H5開始學習啦，不要攔我，哈哈。
其實不瞞你說我大學其實搞過網站，但是真的是歲月不饒人，都忘掉啦。畢竟是個懶萌的渣！
2.怎樣纔可以成爲一個web前端開發工程師呢，需要具備怎樣的條件？
一位好的Web前端開發工程師在知識體系上既要有廣度，又要有深度，所以很多大公司即使出高薪也很難招聘到理想的前端開發工程師。現在說的重點不在於講解技術，而是更側重於對技巧的講解。技術非黑即白，只有對和錯，而技巧則見仁見智。以前會Photoshop和Dreamweaver就可以製作網頁，現在只掌握這些已經遠遠不夠了。無論是開發難度上，還是開發方式上，現在的網頁製作都更接近傳統的網站後臺開發，所以現在不再叫網頁製作，而是叫Web前端開發。Web前端開發在產品開發環節中的作用變得越來越重要，而且需要專業的前端工程師才能做好，這方面的專業人才近兩年來備受青睞。Web前端開發是一項很特殊的工作，涵蓋的知識面非常廣，既有具體的技術，又有抽象的理念。簡單地說，它的主要職能就是把網站的界面更好地呈現給用戶。
如何才能做得更好呢?
第一，必須掌握基本的Web前端開發技術，其中包括:CSS、HTML、DOM、BOM、Ajax、JavaScript等，在掌握這些技術的同時，還要清楚地瞭解它們在不同瀏覽器上的兼容情況、渲染原理和存在的Bug。
第二，在一名合格的前端工程師的知識結構中，網站性能優化、SEO和服務器端的基礎知識也是必須掌握的。
第三，必須學會運用各種工具進行輔助開發。
第四，除了要掌握技術層面的知識，還要掌握理論層面的知識，包括代碼的可維護性、組件的易用性、分層語義模板和瀏覽器分級支持，等等。
可見，看似簡單的網頁製作，如果要做得更好、更專業，真的是不簡單。這就是前端開發的特點，也是讓很多人困惑的原因。如此繁雜的知識體系讓新手學習起來無從下手，對於老手來說，也時常不知道下一步該學什麼。
代碼質量是前端開發中應該重點考慮的問題之一。例如，實現一個網站界面可能會有無數種方案，但有些方案的維護成本會比較高，有些方案會存在性能問題，而有些方案則更易於維護，而且性能也比較好。這裏的關鍵影響因素就是代碼質量。CSS、HTML、JavaScript這三種前端開發語言的特點是不同的，對代碼質量的要求也不同，但它們之間又有着千絲萬縷的聯繫。
不用猜啦。我粘貼的，我哪裏知道啊，纔開始學呢。
要學習H5背景啥的就不去了解了，我們直接看看他爲啥這麼膩害吧。繼續粘貼啦。。。
特性
語義特性（Class：Semantic）
HTML5賦予網頁更好的意義和結構。更加豐富的標籤將隨着對RDFa的，微數據與微格式等方面的支持，構建對程序、對用戶都更有價值的數據驅動的Web。
本地存儲特性（Class: OFFLINE STORAGE）
基於HTML5開發的網頁APP擁有更短的啓動時間，更快的聯網速度，這些全得益於HTML5 APP Cache，以及本地存儲功能。Indexed DB（html5本地存儲最重要的技術之一）和API說明文檔。
設備兼容特性 (Class: DEVICE ACCESS)
從Geolocation功能的API文檔公開以來，HTML5爲網頁應用開發者們提供了更多功能上的優化選擇，帶來了更多體驗功能的優勢。HTML5提供了前所未有的數據與應用接入開放接口。使外部應用可以直接與瀏覽器內部的數據直接相連，例如視頻影音可直接與microphones及攝像頭相聯。
連接特性（Class: CONNECTIVITY）
更有效的連接工作效率，使得基於頁面的實時聊天，更快速的網頁遊戲體驗，更優化的在線交流得到了實現。HTML5擁有更有效的服務器推送技術，Server-Sent Event和WebSockets就是其中的兩個特性，這兩個特性能夠幫助我們實現服務器將數據“推送”到客戶端的功能。
網頁多媒體特性(Class: MULTIMEDIA)
支持網頁端的Audio、Video等多媒體功能， 與網站自帶的APPS，攝像頭，影音功能相得益彰。
三維、圖形及特效特性（Class: 3D, Graphics Effects）
基於SVG、Canvas、WebGL及CSS3的3D功能，用戶會驚歎於在瀏覽器中，所呈現的驚人視覺效果。
性能與集成特性（Class: Performance Integration）
沒有用戶會永遠等待你的Loading——HTML5會通過XMLHttpRequest2等技術，幫助您的Web應用和網站在多樣化的環境中更快速的工作。
CSS3特性(Class: CSS3)
在不犧牲性能和語義結構的前提下，CSS3中提供了更多的風格和更強的效果。此外，較之以前的Web排版，Web的開放字體格式（WOFF）也提供了更高的靈活性和控制性。
摺疊編輯本段現狀
在移動設備開發HTML5應用只有兩種方法，要不就是全使用HTML5的語法，要不就是僅使用JavaScript引擎。
JavaScript引擎的構建方法讓製作手機網頁遊戲成爲可能。由於界面層很複雜，已預訂了一個UI工具包去使用。
純HTML5手機應用運行緩慢並錯漏百出，但優化後的效果會好轉。儘管不是很多人願意去做這樣的優化，但依然可以去嘗試。
HTML5手機應用的最大優勢就是可以在網頁上直接調試和修改。原生應用的開發人員可能需要花費非常大的力氣才能達到HTML5的效果，不斷地重複編碼、調試和運行，這是首先得解決的一個問題。現在html5的應用已經相當廣泛，未來移動互聯網都需要用到html5開發應用[2]
HTML5的移植非常簡單，但假設每個人都會讓這變成一個自動化操作。 如果你想在移動互聯網這一塊有所發展，成爲web前端大神，你可以來這個羣，前面是四一八，中間是355，後面是五三一。連起來就可以了。 這裏有很多互聯網大牛教你學習，還有免費的課程。不是想學習的就不要加了。
摺疊編輯本段優點
摺疊網絡標準
HTML5本身是由W3C推薦出來的，它的開發是通過谷歌、蘋果，諾基亞、中國移動等幾百家公司一起醞釀的技術，這個技術最大的好處在於它是一個公開的技術。換句話說，每一個公開的標準都可以根據W3C的資料庫找尋根源。另一方面，W3C通過的HTML5標準也就意味着每一個瀏覽器或每一個平臺都會去實現。
摺疊多設備、跨平臺
用HTML5的優點主要在於，這個技術可以進行跨平臺的使用。比如你開發了一款HTML5的遊戲，你可以很輕易地移植到UC的開放平臺、Opera的遊戲中心、Facebook應用平臺，甚至可以通過封裝的技術發放到App Store或Google Play上，所以它的跨平臺非常強大，也是大多數人對HTML5有興趣的主要原因。
自適應網頁設計
很早就有人設想，能不能”一次設計，普遍適用”，讓同一張網頁自動適應不同大小的屏幕，根據屏幕寬度，自動調整佈局（layout）？
2010年，Ethan Marcotte提出了”自適應網頁設計“這個名詞，指可以自動識別屏幕寬度、並做出相應調整的網頁設計。
這就解決了傳統的一種局面——網站爲不同的設備提供不同的網頁，比如專門提供一個mobile版本，或者iPhone / iPad版本。這樣做固然保證了效果，但是比較麻煩，同時要維護好幾個版本，而且如果一個網站有多個portal（入口），會大大增加架構設計的複雜度。
摺疊即時更新
遊戲客戶端每次都要更新，很麻煩。可是更新HTML5遊戲就好像更新頁面一樣，是馬上的、即時的更新。
總結概括HTML5有以下優點：
1、提高可用性和改進用戶的友好體驗；
2、有幾個新的標籤，這將有助於開發人員定義重要的內容；
3、可以給站點帶來更多的多媒體元素(視頻和音頻)；
4、可以很好的替代FLASH和Silverlight；
5、當涉及到網站的抓取和索引的時候，對於SEO很友好；
6、將被大量應用於移動應用程序和遊戲。
今天就粘貼到這裏，下一篇就開始真正的學習H5吧！！！