1.1 HTML5 开发前的准备

从这节开始将为大家讲解 HTML5 的开发，首先我们要做一下开发前的准备。首先我们来看一下为什么要学习 HTML5。

为什么学习 HTML5

首先自从 HTML5 2010 年推出以来，它立刻受到了世界各大浏览器的热烈欢迎和支持。根据世界上各大 IT 界知名媒体的评论，HTML5 的时代马上就要到来。所以我们需要去接触它。
它有一些好处，比如跨平台运行。无论是在 PC 上、Mac 上，还是在 Linux 上，以及我们的手机上、Pad上都可以完美运行。这就是跨平台性比较好。
还有对硬件要求比较低。我们做 HTML5 开发对我们的笔记本要求是非常低的。包括我们能运行到手机上、Pad 上，要求非常低。
它可以代替 Flash 存在。如果有的时候我们开发不想用 Flash ，这个时候我们可以选择用 HTML5。尤其是在我们的手机端开发。

那么我们看一下对软硬件环境的要求。

软硬件环境

硬件
我们既然想做开发，那么要配备一个硬件。那么首先我们看对于我们笔记本或是台式机等等能做开发的电脑来说，只需要双核，2G 的内存即可。那么这可能是我们做所有的开发当中使用到的最低配置了。可以看出 HTML5 对性能的要求非常低。
软件
那么它能够在 Windows、Mac OS X、Linux 平台下都可以开发，非常方便。我们不需要选择一个专业的系统。

那么下面我们介绍一下 HTML5。

介绍 HTML5

什么是 HTML ？

想了解 HTML5，就要先了解什么是 HTML。HTML 是用来描述网页的一种语言。它指的是一种超文本标记语言（Hyper Text Markup Language）。大家需要知道的是它并不是编程语言，而是一种标记语言。也就是说他跟 C、C++、C# 等语言并不相同。

HTML5 的新特性

那么我们来看下 HTML5 的新特性。这可能是很多人要关注的问题了。因为 HTML5 推出一来受到人们的欢迎主要是因为它的一些新特性。那么首先是有用于绘画的 canvans 标签。我们可以通过它来绘制一些图形。甚至通过它来做一些更多的设计。用于媒介回放的 video 和 audio 元素。我们可以用 HTML5 来播放视频以及一些音频。而且它对本地离线的存储有更好的支持。还包含了一些新的元素，比如：article、footer、header、nav、section 等等。还有新的表单控件：calendar、date、time、email、url、search 等很多。它们都给我们提供了很多的便利。可能这里最引人注目的就是 canvans、video、audio 这几个标签。后面会给大家详细的讲解。

接下来说一下对浏览器的支持。我们常用的有 Safari、Chrome、Firefox、Opera，最常用可能就是 IE 了，这几个浏览器基本上都对 HTML5 支持。注意是 IE9 和 IE10，IE9以前的版本我们并不做考虑。本教程中不考虑 IE9 之前的版本浏览器。

环境搭建

开发工具
那么我们想开发 HTML5 要有一个趁手的工具，这里给大家推荐一些。常用的有 WebStorm、notepad++、Eclipse、text Sublime、包括对一些设计人员用的 Dreamweaver 等。这些都是很多人常用的。我们推荐 Intellij IDEA 这个工具，我们本套课程也将使用这个工具。如果你在学习本套课程那么我们推荐你用这个工具。

常见问题解决

无论我们学习哪种语言我们都会遇到很多问题，那么这些问题给我们造成了很多的困扰。接下来我们描述一下如何去解决这些问题。

寻求问题根源

首先我们在遇到问题的时候要去寻求问题的根源。不能把一个很大的问题直接抛出来。比如说我们做一个特效，最终抛出来一个结果：这个特效有问题，我不知道哪里有问题。这样的话谁也帮不了你，如果他要帮你就要跟你做整个特效，那这个工作就等于他在做而不是你在做。你要抛出是哪一个地方出了问题，是一个什么样的问题，为什么你解决不了。这时候再拿着问题问别人。它可以给你很好的解答方式。比如说你思路有问题他会给你提供一个更好的思路，你哪一个知识点有问题，他会给你相关知识点的解答。所以希望大家以后在我们平台提出问题的时候，要寻求到问题的一个根源。也方便我们对大家的解答。