Web设计界的最新热门是HTML5。但是当开发者四处看看时，要想弄明白HTML5究竟是什么却没有想象中那么的容易。这是因为这既是一种新的HTML标准，也是一组为未来Web和移动开发准备的工具和技术标签。在深入研究HTML5工具之前，开发者需要理解HTML技术的部分新功能。

语义要素

正如开发者所预期那样，HTML5很大程度上仍然使用现有的HTML。然而，版本5吸收了部分新的标记，即所谓的语音要素（semantic elements）。大多数情况下，这些要素都是<div>标记的特别版本，是打算用来让开发者的内容更加友好一点的，无论是对CSS网页，还是对Googlebot这样的Web爬虫。

在过去，如果开发者希望定义部分比例的网页为包含导航元素（按钮、连接等）的面板，可能就会创建一个<div>标记，然后赋予其nav的ID。这种做法非常的好，许多Web开发者恰恰是这么做的。

新的<nav>标记就是这么来的。有人曾对成千上万个网站进行过调查，模式显示，带nav ID的<div>标记已被弃用。

这对于IT人员来说意味着什么呢？表面上来看没太大意义，但当你探索搜索引擎优化的世界时，你会发现只要有Web机器人，那么<div>就是<div>而已，但<nav>却告诉Web机器人一些并不易懂的东西。正是这种理解能够改善网站在搜索引擎结果中的总体评价和和排名。

按照这一逻辑，一堆新的其他标记也相继出现，如<header>、<footer>、<section>、<article>、<figcaption>以及<aside>等。这些也不过是<div>标记的新版本，但现在它们作为安排内容方法，以便Web爬虫更容易分类。通过这样的手段，公司的Web排名得到了改善。

这些再加上一系列的其他元素，那些设计用来从总体上改善网页，帮助浏览器理解音视频、地位位置及动态内容的元素，那么就可以说网站已得新的HTML5语音要素的精髓了。

HTML5的其他部分

关于HTML5不仅仅是HTML，而且还是一个包括CSS3、Javascript及PHP技术在内的涵盖性术语的说法导致了许多困惑。开发者需要理解这些新的语义要素的存在是为了简化网页，而CSS3的使用则是让设计更具视觉吸引力。

Javascript是给网页增加行为的一种手段，但有了<audio><video><canvas>这些新元素之后，在加上地理位置这些应用程序接口元素，Javascript现在已经有了处理这一内容的简化方式。

甚至更有趣的是，为移动设备设计应用遵循网页设计相同的范式。移动应用的每一块屏幕都类似于一个网页，都要遵循标记语言设计系统的要求。

所以，HTML5也有自己的系统。

了解了HTML5语义及解释，接来我们看看有哪些可用的HTML5 工具。