整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
給大家推薦一下學習研究HTML5必備的一些個網站，更加有利于大家對html5的學些和研究。
1. W3C HTML 5 權威教程，學習HTML5的各種標簽，查詢參考手冊。
2. HTMLDemos可以插件HTML5標簽在各瀏覽器的兼容性，同時你還可以查看各種HTML5的標準Demo演示。
3. 蘋果提供的HTML5演示站點，提供很多很絢麗的HTML5Demo。鏈接
4. 測試瀏覽器對HTML5的支持，并打分，可以知道你當前的瀏覽器對HTML5的支持情況如何，各種標簽和組件的支持情況。鏈接
5.360的HTML5基地。鏈接
6. WHATWG博客是網絡超文本應用技術工作小組（Web Hypertext Application Technology Working Group）的博客。鏈接
7. HTML5醫生發表了許多文章，都是關于HTML5及其語義、及如何正確使用它的。他們也通過“詢問醫生”收集了很多問題，并在文章中予以回答，所有人都可從中受益。鏈接
8. 這是一個以表格制成的備忘單形式的單頁面，描述了HTML5、CSS3、SVG及其他未來網絡技術的特征。鏈接
9. 這個備忘單就是一個簡單的可視網格，包含了所有HTML5標簽和相關的屬性。鏈接
10 .一個提供HTML5各種功能演示的網站，提供各種HTML5的顯示Demo。鏈接
11. 這個網站提供了大量的HTML5游戲資源，喜歡HTML5游戲的童鞋們，可以千萬別錯過哦。鏈接
12. 一個HTML 5的文檔資料網站，做得很出色。介紹的圖片全是用了涂鴉的方式，很直觀，很可愛的網站。鏈接
13.h5之家（中文學習園地）。鏈接
今天就給大家推薦到這里，這15個網站，基本上可以算得上是HTML5學習研究的上上至寶了。如果你也有更好的HTML5網站推薦，歡迎評論并留下網址信息，方便整理。
出于對PMCAFF用戶的尊重，任何在PMCAFF產品經理社區發布的內容，在未經允許的情況下，不得在任何平臺被直接或間接發布使用或被用于其他任何商業目的。如有違反上述聲明者本網站將追究其相關法律責任。
微信公眾號：pmcaffcom
投稿郵箱：tougao@pmcaff.com
Greated by PMCAFF產品經理社區 - www.pmcaff.com
TML5是HTML最新的修訂版本，由萬維網聯盟（W3C）于2014年10月完成標準制定。目標是取代1999年所制定的HTML 4.01和XHTML 1.0標準，以期能在網際網路應用迅速發展的時候，使網路標準達到符合當代的網路需求。廣義論及HTML5時，實際指的是包括HTML、CSS和JavaScript在內的一套技術組合。它希望能夠減少網頁瀏覽器對于需要外掛程式的豐富性網路應用服務（Plug-in-Based Rich Internet Application，RIA），例如：Adobe Flash、Microsoft Silverlight與Oracle JavaFX的需求，并且提供更多能有效加強網路應用的標準集。
HTML5添加了許多新的語法特征，其中包括<video>、<audio>和<canvas>元素，同時整合了SVG內容。這些元素是為了更容易的在網頁中添加和處理多媒體和圖片內容而添加的。其它新的元素如<section>、<article>、<header>和<nav>則是為了豐富文檔的數據內容。新的屬性的添加也是為了同樣的目的。同時也有一些屬性和元素被移除掉了。一些元素，像<a>、<cite>和<menu>被修改，重新定義或標準化了。同時APIs和DOM已經成為HTML5中的基礎部分了。HTML5還定義了處理非法文檔的具體細節，使得所有瀏覽器和客戶端程序能夠一致地處理語法錯誤。
發展歷史
網頁超文本技術工作小組（WHATWG）于2004年開始制定新標準。在當時，HTML 4.01自2000年來沒有更新，以及全球資訊網協會（W3C）正在將未來的發展重點放在XHTML 2.0。2009年，W3C允許XHTML 2.0工作組章程結束過期并且決定不再續訂。W3C與WHATWG合作共同為發展HTML5而努力。
2004年6月，Mozilla基金會和Opera軟體公司在全球資訊網協會（W3C）所主辦的研討會上提出了一份立場文件，其重點是開發與現有瀏覽器向后相容的技術，包括Web Forms 2.0最初草案規范。研討會最后以——8票贊成，14票反對——否決繼續對HTML的開發工作。這引起一些人的不滿，在研討會之后，網頁超文本技術工作小組（WHATWG）立即根據該立場文件成立，第二個草案，Web Applications 1.0也公布了。后來這兩種規范合并形成HTML5。2007年，獲得W3C接納，并成立了新的HTML工作團隊。2008年1月22日，第一份公開工作草案發布。
盡管HTML5已經在網絡開發人員中非常出名了，但是它成為主流媒體的一個話題是在2010年的4月，當時蘋果公司的CEO喬布斯發表一篇題為“對Flash的思考”的文章，指出隨著HTML5的發展，觀看影片或其它內容時，Adobe Flash將不再是必須的。這引發了開發人員間的爭論，包括HTML5雖然提供了加強的功能，但開發人員必須考慮到不同瀏覽器對標準不同部分的支持程度的不同，以及HTML5和Flash間的功能差異。
特點
標記
HTML5提供了一些新的元素和屬性，反映典型的現代用法網站。其中有些是技術上類似<div>和<span>標簽，但有一定含義，例如<nav>（網站導航塊）和<footer>。這種標簽將有利于搜索引擎的索引整理、小螢幕裝置和視障人士使用。同時為其他瀏覽要素提供了新的功能，通過一個標準接口，如<audio>和<video>標記。一些過時的HTML 4.01標記將取消，其中包括純粹用作顯示效果的標記，如<font>和<center>，因為它們已經被CSS取代。還有一些透過DOM的網絡行為。
盡管和SGML在標記上的相似性，HTML5的句法并不再基于它了，而是被設計成向后兼容對老版本的HTML的解析。它有一個新的開始列看起來就像SGML的文檔類型聲明，<!DOCTYPE HTML>，這會觸發和標準兼容的渲染模式。在2009年1月5日，HTML5添加了Web Form 2.0的內容，HTML5開始發展起來。
新的API
HTML5相關APIs
除了原先的DOM接口，HTML5增加了更多樣化的應用程序接口（API）：
Canvas
定時媒體播放
離線
可編輯內容
拖放
歷史
MIME和協議處理程序時表頭登記
微數據
網路訊息
網路存儲
以上技術盡管是WHATWG HTML說明文檔的內容，但并沒有全部包括在W3C HTML5的說明文檔里。一些相關的技術，像下面所列的，并沒有包括在這2份文檔中的任何一份中。W3C給這些技術單獨出版了說明文檔。
地理位置
網頁SQL數據庫 ─ 本地SQL數據庫（不再維護）
IndexedDB
文件─ 處理文件上傳和操縱文件
目錄和文件系統 ─ 這個API是為了滿足客戶端在沒有好的數據庫支持情況下存儲要求
文件寫入 ─ 從網絡應用程序向文件里寫內容
網路音頻
ClassList
網路加密
WebRTC
一個普遍的誤解是HTML5能夠在網頁中提供動畫效果，這是不對的，動畫效果是需要配合JavaScript和CSS。然而靜態HTML5配合CSS可以表示出覆雜的排版結構而且原生支援與影片的混合與控制（控制一般由JavaScript執行），因此簡單可以把HTML5單位時間的狀態理解為動畫的關鍵影格。
XHTML5（XML-serialized HTML5）
XHTML5是對HTML5的XML序列化。XML文檔必須被設置為XML互聯網文件類型，像application/xhtml+xml或者application/xml。XHTML5要求像XML一樣嚴格的格式化的語法。在XHTML5中，HTML5的<!DOCTYPE HTML>可有可無的。
XHTML5并非XHTML的第5版，沒有自己獨立的標準規范，而是HTML5的一種序列化方式。XHTML1.x和2.0使用的名字是Extensible HyperText Markup Language，不同于XHTML5。
異常處理
HTML5在設計時保證舊的瀏覽器能夠安全地忽略掉新的HTML5代碼。與HTML4.01相比，HTML5給出了解析的完整規則，讓不同的瀏覽器即使在發生語法錯誤時也能返回完全相同的結果。
普及率
根據2011年9月30日發布的一份報告，全球排名前100的網站中有34個網站使用HTML5──主要是搜尋引擎與社群網站。2013年8月發布的另一份報告顯示，財富美國500強企業中已有多達153家采用HTML5。
HTML 4.01和XHTML 1.x的差異
以下為大略的不同之處，與例子：
文件類型聲明（<!DOCTYPE>）僅有一型：<!DOCTYPE HTML>。
新的解析順序：不再基于SGML。
新的元素：section, video, progress, nav, meter, time, aside, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, mark, output, rp, rt, ruby, source, summary, wbr。
input元素的新類型：date, email, url等等。
新的屬性：ping（用于a與area）, charset（用于meta）, async（用于script）。
全域屬性：id, tabindex, repeat。
新的全域屬性：contenteditable, contextmenu, draggable, dropzone, hidden, spellcheck。
移除元素：acronym, applet, basefont, big, center, dir, font, frame, frameset, isindex, noframes, strike, tt。
TML5是現在前端開發中較為火熱的語言，許多朋友想要從零基礎開始通過學習來從事前端開發的行業，又或是已經工作的程序員想要找一些資料，在搜索引擎上搜索相關知識，是許多人獲取知識的重要的途徑，但是面對五花八門的搜索結果，應該選擇呢？
青島HTML5
1、W3C School
W3C School 是學習HTML5較好的資源之一，它擁有的教程都帶有例子，幾乎可以提供我們所需要的所有知識點。如果想從基礎開始學習HTML5的話，那么這個網站會就是一個不錯的選擇。我們可以在上面找到到HTML5的所有元素，比如標簽、圖像、圖形，以及無需多做其他操作，只需跟隨教程的教書步驟走即可，用簡單的語言解釋和交互讓學習變得簡單。
2、HTML Goodies
如果想要獲取學習HTML5的所有性能，那么HTML Goodies也是一個不錯的選擇。在網站的左邊部分，我們可以看到細致的分類，讓我們能夠任意快速跳轉到自己想要開始學習的部分。
3、HTML5-tutorial
HTML5-tutorial可以讓我們了解HTML5的基本知識和要點，如何構建一個網站、編輯和調試代碼進行開發學習，也比較適合初學者入門學習。
4、HTML5 Doctor
HTML5 Doctor網站提供了許多內容不錯的文章，這些文章將會幫你更好的學習和實現HTML5開發。而且網站還有一個“Ask the Doctor”部分，方便我們向專家提問，通過他們的專業講解解決我們現在所遇到的問題。
5、Html5 Rocks
如果開發人員想要在網站中實現HTML5，并開展HTML5編碼相關的研發，那么Html5 Rocks網站是不會讓我們失望的。在這個網站中能夠獲取HTML5的所有功能信息，以及學習如何在網站或應用程序中實現。
在我們學習HTML5等前端開發知識的時候，有一個好的能夠讓我們查找資料方便的途徑，是能夠為我們節省不少時間的。但是這里要提醒初學者的是，學習理論知識固然是一件很重要的事情，但是動手練習的重要性也是不能忽視的。
曾在網上看到過這樣一句話，想要編程達到初級水平，需要敲十萬行代碼。多動手寫代碼，不僅可以幫助我們鞏固知識的記憶、加深知識點的印象，還能夠幫助我們找到自己學習時沒有注意到的問題。看別人的代碼，有用，但是那是別人的技術，只有我們自己動手寫下的代碼，才是我們自己掌握的技術。
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
