整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
给大家推荐一下学习研究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小时内与您取得联系。
