1、基础是的先学好HTML。CSS ，Javascript ，jQuery。其中HTML5主要是要HTML控件+Javascript的脚本程序。 建议先去学好Html CSS和JavaScript（通常是一起的），然后再看HTML5。这类书籍还是很多的，而且大都大同小异。
创新互联长期为1000多家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为米林企业提供专业的成都网站制作、成都做网站，米林网站改版等技术服务。拥有十载丰富建站经验和众多成功案例,为您定制开发。
2、分享一：“未来我们会是一名长期做程序开发的攻城狮， 所以我们在学习HTML5的时候， 应该着重学习javascript， 因为，javascript主要负责的就是与用户的交互事件，。不言而喻，交互永远是重头戏”。
3、前端页面重构。主要内容为PC端网站布局、Photoshop 工具及切图、H5移动端网页布局、HTML5+CSS3新特性与交互。学习目标是完成PC端网站布局，可实现响应式布局，一套代码适配 PC 端、移动端、平板设备等。
4、方法1 整体到局部，骨架到血肉 在学习HTML和CSS时，会涉及到网页的搭建。学习这个知识时，我们采用的方法是“由外及内”，“由整体到部分”，“由全局到细节”。
1、HTML5新特性如下：脱机缓存。您可以在关闭浏览器并再次打开时还原数据，以减少网络流量。音频和视频可以自由嵌入，多媒体形式更加灵活。地理位置。
2、离线缓存。可以在关闭浏览器后再次打开时恢复数据，以减少网络流量。音频视频自由嵌入，多媒体形式更为灵活。地理定位。
3、下面是HTML5中的声明方式：！DOCTYPE html脚本和链接无需type (No More Types for Scripts and Links)在HTML4或XHTML中，你需要用下面的几行代码来给你的网页添加CSS和JavaScript文件。
调整你的HTML结构，以首先加载关键的首屏内容。减少你的资源使用的数据量。所以我们来将其分解为更可操作的几个步骤：确保你的CSS是内联的。尽量减少、合并和消除不必要的外部CSS文件。自动减少阻碍渲染的CSS数据。
选择好的学习资源（从知识逻辑、知识的讲解方式去衡量），才能够更好的去吸收知识，学习时间成本也会低一些。
利用HTML5非常方便的在网页上添加视频和音频，不需要很复杂的代码，就能打造一款功能齐全的HTML5播放器。 CSS3的使用可以提供更多的CSS属性，可以制作更加丰富的渲染效果。
学习HTML5需要掌握的知识点知识点有以下几个：HTML5基本组成：HTML5=HTML+CSS+JavaScript HTML指的是结构：结构是在整个网页中有标题、列表、图片等。
前端页面重构。主要内容为PC端网站布局、Photoshop 工具及切图、H5移动端网页布局、HTML5+CSS3新特性与交互。学习目标是完成PC端网站布局，可实现响应式布局，一套代码适配 PC 端、移动端、平板设备等。
方法二：从整体到局部，从骨骼到血肉。我们在学习HTML和css的时候，经常会涉及到网页的搭建等相关知识。我们在学习这些知识时，采用的是“由外到内”、“由整体到局部”、“由整体到细节”的学习方法。
前端页面重构。主要内容为PC端网站布局、Photoshop 工具及切图、H5移动端网页布局、HTML5+CSS3新特性与交互。学习目标是完成PC端网站布局，可实现响应式布局，一套代码适配 PC 端、移动端、平板设备等。
离线存储 HTML 5可以让你的WEB应用程序离线也能运行，它提供了一个称作“应用程序缓存”的离线存储功能，因此即使当用户离线，浏览器仍然能够访问到它所需的文件。
HTML5教程 主要学习HTML标签、属性和事件。CSS教程 主要学习使用CSS来控制网页的样式和布局。JavaScript教程 做HTML5开发，主要使用JS语言。所以要学习JS语言。
HTML5新添加了对历史的管理，用户可以通过”前进”和”后退”按钮进行历史页面的切换。这让一些不在新页面中打开的新页面前进后退自如，提高了用户体验。
1、你可以使用cheatsheet[5]中的多种已有组合，也可以为任意HTML标签创建自定义组合，然后按Tab或Ctrl+E将其添加到文本编辑器中。实现更优的视频传输 使用video标签，可以将支持视频播放的媒体播放器无缝嵌入到网页中。
2、另外HTML5提供了一些新的元素和属性，例如（网站导航块）和。这种标签将有利于搜索引擎的索引整理，同时更好的帮助小屏幕装置和视障人士使用，除此之外，还为其他浏览要素提供了新的功能，如和标记。
3、compatMode会返回一个或两个值，如下： CSS1Compat：document符合一个有效的html规范（不一定是html5，验证的html4页面同样返回这个值）； BackCompat：document包含不符合规范的特性，触发了兼容模式。
4、网站页面是网站的最终表现形式。网站页面由页面内容的质量度和页面的美观度来决定。页面设计应该遵循的原则如下：符合企业的行业属性和企业特点。客户打开网站能直观感受企业所传递的理念和特征。符合用户的浏览习惯。
5、H5是html5的缩写，是万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修来改。制作H5页面的方法：首先在电脑中安装H5的制作软件，以WPS为例，点击打开WPSH5软件。
6、在手机上打开百度H5这个网页制作软件，选择新建一个页面就会出现这样的背景，手机网页可以在这里进行制作。直接使用模板来进行制作，从软件的模板库中选择一个模板作为手机网页的模板。
html5学习方法技能列表：必须掌握基本的Web前端开闭技术，包括CSS、HTML、DOM、JavaScript、Ajax、jquery、Vue、jquery-mobile、zepto等。
HTML5具有本地存储的特点，基于HTML5开发的webAPP启动时间更短，组网速度更快，都得益于HTML5APPCache和本地存储功能。使用HTML5在网页上添加视频和音频非常方便，不需要复杂的代码就可以构建一个功能齐全的HTML5播放器。
学html5可以做一些网页游戏。入门也简单。但做不了复杂的游戏。也可以学Java，Java。
第制订一份详细的学习计划。HTML5的学习除了代码方面的学习方法之外，还有一点就是一定要制订一份详细的学习计划。可以先制定一份长远的学习计划，再将这份长远的计划逐步的分割成一个个小小的目标。
模仿几个PC、移动端网页：7天。学编程主要是靠练习，前面学的都是比较零散的细节，这时候可以找一个比较简洁的网站去模仿它的静态页面。