HTML5+CSS3从入门到精通
专注于为中小企业提供成都做网站、网站设计、外贸营销网站建设服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业萨嘎免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了上千余家企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。
李东博 著
推荐指数：★★★☆
简介：本书通过基础知识+中小实例+综合案例的方式，讲述了用HTML5+CSS3设计构建网站的必备知识，相对于专业指南、高级程序设计、开发指南同类图书，本书是一本适合快速入手的自学教程。
响应式Web设计:HTML5和CSS3实战
BenFrain (作者), 王永强(译者)
推荐指数：★★★★
简介：全书主要是带领读者做一个小网页来写的，其实响应式的东西讲得比较少，大半内容是介绍H5和css3的基础知识。如果同时想了解H5和css3和响应式设计入门，这本书不错。
HTML5移动Web开发实战详解
林珑 (作者)
推荐指数：★★★★☆
简介：本书由浅入深，全面、系统、详尽地介绍了HTML5相关技术和其在移动开发领域的应用。书中提供了大量的代码示例，读者可以通过这些例子理解知识点，也可以直接在开发实战中稍加修改应用这些代码。《HTML5移动Web开发实战详解》涉及面广，从基本原理到实战，再到项目工作流，几乎涉及一个合格的前端开发工程师需要具备的所有重要知识。
疯狂HTML5/CSS3/JavaScript讲义
李刚 (作者)
推荐指数：★★★★
简介：这是一本全面介绍HTML 5、CSS3和JavaScript前端开发技术的图书，系统地介绍了HTML 5常用的元素和属性、HTML5的表单元素和属性、HTML5的绘图支持、HTML5的多媒体支持、CSS 3的功能和用法、最前沿的变形与动画功能等。除此之外，《疯狂HTML 5/CSS3/JavaScript讲义》还系统地介绍了JavaScript编程知识，包括JavaScript基本语法、DOM编程，以及HTML5新增的本地存储、离线应用、JavaScript多线程、客户端通信支持、WebSocket编程等。
HTML5触摸界面设计与开发
伍兹 (StephenWoods) (作者), 覃介右谷岳(译者)
推荐指数：★★★★☆
简介：《HTML5触摸界面设计与开发》专注于触摸界面的开发，内容的结构和优化网站的思路大概一致。上半部分涵盖了能使各类网站，特别是移动网站变快的基本概念。书的后半部分是专门讲触摸界面的，特别是尽可能地让它们更平稳和快速。本书适合具有一定经验的Web开发者阅读参考。
HTML5与CSS3权威指南(上下册)(第3版)
陆凌牛(作者)
推荐指数：★★★★☆
简介：本书分为上下两册。上册全面系统地讲解了HTML5相关的技术，以HTML5对现有Web应用产生的变革开篇;下册全面系统地讲解了CSS3相关的技术，以CSS3的功能和模块结构开篇，顺序讲解了各种选择器及其使用、文字与字体的相关样式、盒相关样式、背景与边框相关样式、布局相关样式、变形处理、动画、颜色相关样式等内容。
HTML5+CSS3+jQueryMobile轻松构造APP与移动网站
陈婉凌 著
推荐指数：★★★★☆
简介：全书以HTML与CSS为主，配合jQuery制作网页，并搭配jQueryMobile制作移动网页，通过具体的范例从基础到高级循序渐进地讲解。首先介绍了HTML5网页开发和CSS网页美化，还介绍了目前热门的移动设备网页技术，读者无须学习复杂的程序，就能够轻松创建移动设备的网页;最后通过两个移动设备网页制作实例让读者进行实战练习，以加深理解。理论部分介绍比较扎实，美中不足的是实战案例相对较少。
HTML5程序设计(第2版)
柳伯斯(Peter Lubbers) 阿伯斯(BrianAlbers) 萨利姆(Frank Salim) (作者), 柳靖 李杰 (译者)
推荐指数：★★★★★
简介：《HTML5程序设计(第2版)》首先介绍了HTML5的历史背景、新的语义标签及与以往HTML版本相比的根本变化，同时揭示了HTML5背后的设计原理。本书在上一版的基础上新增了SVG和拖放API相关内容，并对部分内容进行了更新。从第2章起，分别围绕构建令人神往的富Web应用，逐一讨论了HTML5的Canvas、Geolocation、Communication、WebSocket、Forms、WebWorkers、Storage等API的使用，辅以直观明了的客户端和服务器端示例代码，让开发人员能够迅速理解和掌握新一代Web标准所涵盖的核心技术。
本书面向有一定经验的Web应用开发人员，对HTML5及未来Web应用技术发展有浓厚兴趣的读者也可以学习参考。
JavaScript语言精粹（修订版）
道格拉斯·克罗克福德(Douglas Crockford)(作者);赵泽欣 等 (译者)
推荐指数：★★★★★
简介：JS是门混乱的语言，这本书能够帮助你区分哪些是语言的精华，哪些是糟粕。作者从语法、对象、函数、继承、数组、正则表达式、方法、样式和优美的特性这9个方面来呈现这门语言真正的精华部分，通过它们完全可以构建出优雅高效的代码。作者还通过附录列出了这门语言的毒瘤和糟粕部分，且告诉你如何避免它们。最后还介绍了JSLint，通过它的检验，能有效地保障我们的代码品质。
HTML5App商业开发实战教程——基于WeX5可视化开发平台
马科(主编)
推荐指数：★★★★★
简介：这是目前唯一一本真正的HTML5App开发教材，目前已在复旦、北大、西安交大、北京理工等五十多所高校投入教学使用。它的特点是由浅入深、由易到难，将开发技巧、和开发工具结合在一起阐述，同时选取了多个商业项目APP的实战案例进行要点讲解，通俗易懂。
使用HTML5的十大原因:
第十大原因：易用性
俩个原因使得使用HTML5创建网站更加简单：语义上及其ARIA。新的HTML标签像header, footer，nav，section， aside等等，使得阅读者更加容易去访问内容。在以前，即使定义了class或者ID阅读者也没有办法去了解给出的一个div究竟是什么。使用新的语义学的定义标签，可以更好的了解HTML文档，并且创建一个更好的使用体验。
ARIA是一个W3C的标准主要用来对HTML文章中的元素指定“角色“，通过角色属性来创建重要的页面地形例如,header，footer，navigation或者aritcle很有必要。这一点曾经被忽略掉了并且没有被广泛使用，因为事实上并不验证。然而，HTML5将会验证这样属性。同时，HTML5将会内建这些角色并且无法不覆盖。更多的HTML5和ARIA讨论，请大家查看这里。
第九大原因：视频和音频支持
忘了flash和其它第三方应用吧，让视频和音频通过HTML5标签video和audio来访问资源。正确播放媒体一直都是一个非常可怕的事情，需要使用embed和object标签，并且为了它们能正确播放必须赋予一大堆的参数。媒体标签将会非常复杂，大堆得令人迷惑的代码。而且HTML5视频和音频标签基本将视为图片：video src=”"/。但是其它参数例如宽度和高度或者自动播放呢？不必担心，只需要像其它HTML标签一样定义：video src=”url” width=”640px” height=”380px” autoplay/。
实际上这个过程非常简单，然而老浏览器可能并不喜欢HTML5，需要添加更多代码来让正确工作。但是这个代码还是比embed和object来的简单的多。
第八大原因：Doctype
没错，就是doctype，没有更多内容了。不需要拷贝粘贴一堆无法理解的代码，也没有多余的head标签。最大的好消息在于，除了简单，它能在每一个浏览器中正常工作即使是名声狼藉的IE6。
第七大原因：更清晰的代码
如果对于简答，优雅，容易阅读的代码有所偏好的话，HTML5绝对是一个为量身定做的东西。HTML5允许写出简单清晰富于描述的代码。符合语义学的代码允许你分开样式和内容。看看这个典型的简单拥有导航的heaer代码：
div id="header" h1Header Text/h1 div id="nav" ul lia href="#"Link/a/li lia href="#"Link/a/li lia href="#"Link/a/li /ul /div/div
是不是很简单？但是使用HTML5后会使得代码更加简单并且富有含义：
header h1Header Text/h1 nav ul lia href="#"Link/a/li lia href="#"Link/a/li lia href="#"Link/a/li /ul /nav/header
使用HTML5可以通过使用语义学的HTML header标签描述内容来最后解决你的div及其class定义问题。 以前你需要大量的使用div来定义每一个页面内容区域，但是使用新的section，article，header，footer，aside和nav标签，需要你让代码更加清晰易于阅读。
第六大原因：更聪明的存储
HTML5中最酷的特性就是本地存储。有一点像比较老的技术cookie和客户端数据库的融合。它比cooke更好用因为支持多个windows存储，它拥有更好的安全和性能，即使浏览器关闭后也可以保存。
因为它是个客户端的数据库，不用担心用户删除任何cookie，并且所有主流浏览器都支持。
本地存储对于很多情况来说都不错， 它是HTML5工具中一个不需要第三方插件实现的。能够保存数据到用户的浏览器中意味可以简单的创建一些应用特性例如：保存用户信息，缓存数据，加载用户上一次的应用状态。
第五大原因：更好的互动
都喜欢更好的互动，都喜欢对于用户有反馈的动态网站，用户可以享受互动的过程。输入canvas，HTML5的画图标签允许做更多的互动和动画，就像使用Flash达到的效果。
除了canvas，HTML5同样也拥有很多API允许你创建更加好的用户体验并且更加动态的web应用程序。 这里有一个列表：
Drag and Drop (DnD)
Offline storage database
Browser history management
document editing
Timed media playback
第四大原因：游戏开发
没错， 可以使用HTML5的canvas开发游戏。HTML5提供了一个非常伟大的，移动友好的方式去开发有趣互动的游戏。如果开发Flash游戏，就会喜欢上HTML5的游戏开发。
Script-tutorials目前提供了4个不部分的HTML5游戏开发教程，这里看看开发的有趣游戏：
HTML5 Gaming Development Lesson One
HTML5 Gaming Development Lesson Two
HTML5 Gaming Development Lesson Three
HTML5 Gaming Development Lesson Four
第三大原因： 遗留及其跨浏览器支持
现代流行浏览器都支持HTML5（Chrome，Firefox，Safari，IE9和Opera），并且创建了HTML5 doctype这样所有的浏览器，即使非常老非常令人厌恶浏览器像IE6都可以使用。但是因为老的浏览器能够识别doctype并不意味它可以处理HTML5标签和功能。幸运的是，HTML5已经使得开发更加简单了，更多支持更多浏览器，这样老的IE浏览器可以通过添加javascript代码来使用新的元素：
!--[if lt IE 9] script src=""/script![endif]--
第二大原因： 移动，移动还是移动
可以称之为“直觉”，但是认为移动技术将会变得更加的流行。这里有些非常疯狂的猜测，有些可能也想到了 – Mobile是一个时尚！移动设备将占领世界。更多的接受移动设备将会增长的非常迅速。这意味着更多的用户会选择使用移动设备访问网站或者web应用。HTML5是最移动化的开发工具。随着Adobe宣布放弃移动flash开发，将会考虑使用HTML5来开发webp应用。
当手机浏览器完全支持HTML5那么开发移动项目将会和设计更小的触摸显示一样简单。这里有很多的meta标签允许你优化移动：
viewport: 允许定义viewport宽度和缩放设置；
全屏浏览器： ISO指定的数值允许Apple设备全屏模式显示；
Home screen icons: 就像桌面收藏，这些图标可以用来添加收藏到IOS和Android移动设备的首页。
第一大原因： 它是未来，开始用吧！
最大的原因今天就开始使用HTML5是因为它是未来，不要掉队了！HTML5不会往每个方向发展，但是更多的元素已经被很多公司采用，并且开始着手开发。HTML5其实更像HTML，它不是一个新的技术需要你重新学习！如果开发XHTML strict的话现在就已经在开发HTML5了。为什么不更完整的享受HTML5的功能呢？
很好用啊。下面列举一下优点吧：
第一大原因： 它是未来，开始用吧！
最大的原因今天你就开始使用HTML5是因为它是未来，不要掉队了！HTML5不会往每个方向发展，但是更多的元素已经被很多公司采用，并且开始着手开发。HTML5其实更像HTML，它不是一个新的技术需要你重新学习！如果你开发XHTML strict的话你现在就已经在开发HTML5了。为什么不更完整的享受HTML5的功能呢？
你实际上没有任何借口不接受HTML5。事实上我唯一一个原因使用HTML5是因为它书写代码简单清晰。其它的特性其实我也没有真正使用。你可以考虑现在开始使用HTML5书写代码，它能帮助你改变书写代码的方式及其设计方式。开始用HTML5代码编写web应用吧，说不定下一个移动应用或者游戏应用就是用HTML5开发的！
第二大原因： 移动，移动还是移动
你可以称之为“直觉”，但是我认为移动技术将会变得更加的流行。我知道，这里有些非常疯狂的猜测，有些可能你也想到了– Mobile是一个时尚！移动设备将占领世界。更多的接受移动设备将会增长的非常迅速。这意味着更多的用户会选择使用移动设备访问网站或者web应用。HTML5是最移动化的开发工具。随着Adobe宣布放弃移动flash开发，你将会考虑使用HTML5来开发webp应用。当手机浏览器完全支持HTML5那么开发移动项目将会和设计更小的触摸显示一样简单。这里有很多的meta标签允许你优化移动：viewport: 允许你定义viewport宽度和缩放设置；全屏浏览器： ISO指定的数值允许Apple设备全屏模式显示；Home screen icons: 就像桌面收藏，这些图标可以用来添加收藏到IOS和Android移动设备的首页。
第三大原因：遗留及其跨浏览器支持
你的现代流行浏览器都支持HTML5（Chrome，Firefox，Safari，IE9和Opera），并且创建了HTML5 doctype这样所有的浏览器，即使非常老非常令人厌恶浏览器像IE6都可以使用。但是因为老的浏览器能够识别doctype并不意味它可以处理HTML5标签和功能。幸运的是，HTML5已经使得开发更加简单了，更多支持更多浏览器，这样老的IE浏览器可以通过添加javascript代码来使用新的元素：
!--[iflt IE 9] script src=""/script![endif]--
第四大原因：游戏开发
没错， 你可以使用HTML5的canvas开发游戏。HTML5提供了一个非常伟大的，移动友好的方式去开发有趣互动的游戏。如果你开发Flash游戏，你就会喜欢上HTML5的游戏开发。
Script-tutorials目前提供了4个不部分的HTML5游戏开发教程，这里看看他们开发的有趣游戏：
HTML5 Gaming Development Lesson One
HTML5 Gaming Development Lesson Two
HTML5 Gaming Development Lesson Three
HTML5 Gaming Development Lesson Four
第五大原因：更好的互动
我们都喜欢更好的互动，我们都喜欢对于用户有反馈的动态网站，用户可以享受互动的过程。输入canvas，HTML5的画图标签允许你做更多的互动和动画，就像我们使用Flash达到的效果。
除了canvas，HTML5同样也拥有很多API允许你创建更加好的用户体验并且更加动态的web应用程序。 这里有一个列表：
Drag and Drop (DnD)
Offline storage database
Browser history management
document editing
Timed media playback
第六大原因：更聪明的存储
HTML5中最酷的特性就是本地存储。有一点像比较老的技术cookie和客户端数据库的融合。它比cooke更好用因为支持多个windows存储，它拥有更好的安全和性能，即使浏览器关闭后也可以保存。
因为它是个客户端的数据库，你不用担心用户删除任何cookie，并且所有主流浏览器都支持。
本地存储对于很多情况来说都不错，它是HTML5工具中一个不需要第三方插件实现的。能够保存数据到用户的浏览器中意味你可以简单的创建一些应用特性例如：保存用户信息，缓存数据，加载用户上一次的应用状态。
第七大原因：更清晰的代码
如果你对于简答，优雅，容易阅读的代码有所偏好的话，HTML5绝对是一个为你量身定做的东西。HTML5允许你写出简单清晰富于描述的代码。符合语义学的代码允许你分开样式和内容。看看这个典型的简单拥有导航的heaer代码：div id="header"h1Header Text/h1 div id="nav" ul liahref="#"Link/a/li liahref="#"Link/a/li liahref="#"Link/a/li /ul/div/div是不是很简单？但是使用HTML5后会使得代码更加简单并且富有含义：header h1Header Text/h1 nav ul liahref="#"Link/a/li liahref="#"Link/a/li liahref="#"Link/a/li /ul/nav/header
使用HTML5你可以通过使用语义学的HTML header标签描述内容来最后解决你的div及其class定义问题。 以前你需要大量的使用div来定义每一个页面内容区域，但是使用新的section，article，header，footer，aside和nav标签，需要你让你的代码更加清晰易于阅读。
第八大原因：Doctype
没错，就是doctype，没有更多内容了。是不是非常简答？不需要拷贝粘贴一堆无法理解的代码，也没有多余的head标签。最大的好消息在于，除了简单，它能在每一个浏览器中正常工作即使是名声狼藉的IE6。
第九大原因：视频和音频支持
忘了flash和其它第三方应用吧，让你的视频和音频通过HTML5标签video和audio来访问资源。正确播放媒体一直都是一个非常可怕的事情，你需要使用embed和object标签，并且为了它们能正确播放必须赋予一大堆的参数。你的媒体标签将会非常复杂，大堆得令人迷惑的代码。而且HTML5视频和音频标签基本将他们视为图片：video src=”"/。但是其它参数例如宽度和高度或者自动播放呢？不必担心，只需要像其它HTML标签一样定义：video src=”url”width=”640px” height=”380px” autoplay/。
实际上这个过程非常简单，然而我们的老浏览器可能并不喜欢我们的HTML5，你需要添加更多代码来让他们正确工作。但是这个代码还是比embed和object来的简单的多。
第十大原因：易用性
俩个原因使得使用HTML5创建网站更加简单：语义上及其ARIA。新的HTML标签像header, footer，nav，section， aside等等，使得阅读者更加容易去访问内容。在以前，即使你定义了class或者ID你的阅读者也没有办法去了解给出的一个div究竟是什么。使用新的语义学的定义标签，你可以更好的了解HTML文档，并且创建一个更好的使用体验。
ARIA是一个W3C的标准主要用来对HTML文章中的元素指定“角色“，通过角色属性来创建重要的页面地形例如,header，footer，navigation或者aritcle很有必要。这一点曾经被忽略掉了并且没有被广泛使用，因为事实上并不验证。然而，HTML5将会验证这样属性。同时，HTML5将会内建这些角色并且无法不覆盖。
第一大原因： 它是未来，开始用吧！
最大的原因今天就开始使用HTML5是因为它是未来，不要掉队了！HTML5不会往每个方向发展，但是更多的元素已经被很多公司采用，并且开始着手开发。HTML5其实更像HTML，它不是一个新的技术需要你重新学习！如果开发XHTML strict的话现在就已经在开发HTML5了。为什么不更完整的享受HTML5的功能呢？
第二大原因： 移动，移动还是移动
可以称之为“直觉”，但是认为移动技术将会变得更加的流行。这里有些非常疯狂的猜测，有些可能也想到了 – Mobile是一个时尚！移动设备将占领世界。更多的接受移动设备将会增长的非常迅速。这意味着更多的用户会选择使用移动设备访问网站或者web应用。HTML5是最移动化的开发工具。随着Adobe宣布放弃移动flash开发，将会考虑使用HTML5来开发webp应用。
当手机浏览器完全支持HTML5那么开发移动项目将会和设计更小的触摸显示一样简单。这里有很多的meta标签允许你优化移动：
viewport: 允许定义viewport宽度和缩放设置；
全屏浏览器： ISO指定的数值允许Apple设备全屏模式显示；
Home screen icons: 就像桌面收藏，这些图标可以用来添加收藏到IOS和Android移动设备的首页。
第三大原因： 遗留及其跨浏览器支持
现代流行浏览器都支持HTML5（Chrome，Firefox，Safari，IE9和Opera），并且创建了HTML5 doctype这样所有的浏览器，即使非常老非常令人厌恶浏览器像IE6都可以使用。但是因为老的浏览器能够识别doctype并不意味它可以处理HTML5标签和功能。幸运的是，HTML5已经使得开发更加简单了，更多支持更多浏览器，这样老的IE浏览器可以通过添加javascript代码来使用新的元素：
!--[if lt IE 9] script src=""/script![endif]--
第四大原因：游戏开发
没错， 可以使用HTML5的canvas开发游戏。HTML5提供了一个非常伟大的，移动友好的方式去开发有趣互动的游戏。如果开发Flash游戏，就会喜欢上HTML5的游戏开发。
Script-tutorials目前提供了4个不部分的HTML5游戏开发教程，这里看看开发的有趣游戏：
HTML5 Gaming Development Lesson One
HTML5 Gaming Development Lesson Two
HTML5 Gaming Development Lesson Three
HTML5 Gaming Development Lesson Four
第五大原因：更好的互动
都喜欢更好的互动，都喜欢对于用户有反馈的动态网站，用户可以享受互动的过程。输入canvas，HTML5的画图标签允许做更多的互动和动画，就像使用Flash达到的效果。
除了canvas，HTML5同样也拥有很多API允许你创建更加好的用户体验并且更加动态的web应用程序。 这里有一个列表：
Drag and Drop (DnD)
Offline storage database
Browser history management
document editing
Timed media playback
缺乏积淀，质变还未到来
除了自身的问题之外，我们还发现HTML5游戏缺乏应有的积淀，也是未能在今年爆发的原因之一。量变质变的道理大家都懂，看看目前的游戏行业，端游从开端到爆发花费了十余年的时间，手游从出现到爆红也花费了数年之久。可反观HTML5游戏，我们却可以发现这货从出现到现在也不过两三年的时间，真正意义上的爆款游戏也不会超过一个人的手指头数，在量都还没有做起来的情况下奢谈爆发(也就是质变)，这显然是不现实的。而且，制作一款用了心的好游戏需要多长的时间?即便在今天这种流水线模式的生产条件下，也需要半年到一年的时间。所以，想在这一年的时间里看到HTML5的爆发，几乎不可能。
不是不爆，时候未到
既然存在这么多问题，那么HTML5游戏是不是就不会爆发了，就此泯灭在APP的大潮中?或者还需要等待很久很久?关于这个问题，或许我们可以先来看看这样一份数据。DataEye日前发布了《2015Q3HTLM5游戏数据报告》，其中指出2015年HTLM5游戏用户规模有望达到1.71亿人，同比增长率达到108.4%。2015年Q3，HTLM5游戏数量达到2826款，环比增长64.97%。从这些数据上看，整个HTLM5游戏的市场还是一片欣欣向荣。不过，但凡是这个行业的业内人，就不会不明白这份数据背后显现出的资本的疯狂和炒作。而且，只要是一个清醒的人都会明白，疯狂的资本却并不一定能带来行业的火热，再巨量的资金都不一定能盘活一个产业，尤其是在这个产业本身还存在众多问题的前提下。所以，目前要说HTML5游戏的爆发实在是有些渺茫，从业者应该耐下心来，不受外界浮躁所影响，不被市场的美好假象所蒙骗，放平心态，找好方向，尽心尽力打磨一款精品出来。毕竟只有只有行业具备了足够的开发实力，且在通过不断的试验、试错找到了适宜HTML5游戏发展的正确模式，才有可能引爆这个市场。所以，至少在2015年还不是HTML5游戏的爆发之年，或许这个爆发会在明年，在后年，不是不爆，时候未到而已。
重庆分公司
重庆分公司
