1.2 学前准备

很多初学者可能会问：“现在都是HTML5的时代了，HTML是不是被淘汰了呢？我们直接学HTML5就可以了，不用再去学‘过时’的HTML了吧？”

实际上，HTML是从HTML4.01升级到HTML5的。我们常说的HTML，指的是HTML4.01，而HTML5一般指的是相对于HTML4.01“新增加的内容”，并不是说HTML4.01被淘汰了。准确来说，你要学的HTML其实等于HTML4.01加上HTML5。

之前好多小伙伴以为只要学HTML5就可以了，没必要再去学HTML。殊不知，如果你没有HTML基础是学不来HTML5的。这个误区非常严重，曾经误导了非常多的初学者。因为HTML5已经不再是单纯意义上的标签了，它已经远远超越了标签的范畴。HTML5除了新增部分标签之外，还增加了大量新技术：

视频音频

元素拖放

本地存储

文件操作

地理位置

……

以上这些新增技术都是使用JavaScript来操作的。也就是说，HTML5使得HTML从一门“标记语言”转变为一门“编程语言”。

由于大多数HTML5技术都是使用JavaScript操作的，因此 想要学习HTML5，必须首先具备HTML、CSS和JavaScript基础知识 。市面上很多书都是力求在一本书中把HTML4.01和HTML5都讲解了，其实这是非常不现实的。因为读者需要一个循序渐进的过程，才能更好地把技术学透。为了让小伙伴们能够达到真正前端工程师的水平，本系列教程用以下3本书的篇幅来帮助读者合理地学习：

《从0到1：HTML+CSS快速上手》，首先从HTML+CSS入门知识开始，打牢基础。

《从0到1：CSS进阶之旅》，深入研究真正工作中的开发技巧以及前端面试题。

《从0到1：HTML5+CSS3修炼之道》，学习HTML5+CSS3最新核心技术。

这几本书具有很强的连贯性，本书是另外两本书的高阶篇，并不适合没有基础的人学习。在这本书中，我们只介绍HTML5相对于HTML4.01新增加的内容。对于HTML和CSS的基础知识，可以参考前两个教程，不然在学习本书的过程中可能对有些知识无法理解。

HTML5虽然涉及的知识点很多，但是书中浓缩的都是精华。有一句话说得好：“干扰因素越少，越容易专注一件事。”因此，对于书中的技巧，我们也会以最简单的例子来讲解。我在编写的时候也是字斟句酌，该展开的会详细介绍，没用的知识一定会一笔带过。希望大家在学习中不要跳跃学习。

对于本书的学习，一定要下载这本书的源代码，一边查看源码，一边测试效果。

【解惑】

对于HTML5的学习，除了这本书，还有什么推荐的吗？

不管是学习什么技术，我们都应该养成阅读官方文档的习惯。在Web技术中，虽然官方文档都是英文的，但这些都是最权威的参考资料。对于翻译过来的资料，很多都是带有个人理解的，并不一定准确，甚至还会误导人。阅读官方文档，不仅可以更深入地理解技术本质，还可以顺便提高一下英文水平。

因此，对于HTML5的学习，建议大家多看看W3C官方文档和MDN官方文档，因为这两个是最权威的参考资料。

W3C官方地址：https://www.w3.org/TR/html5/

MDN官方地址：https://developer.mozilla.org/zh-CN/docs/Web/Guide/HTML/HTML5 w51yXLl3LbA77qSDI5rNuVgK75MH0gcpMJ4qt8vmRag1z7qhTRpo+Nz3hzM4vSX7