HTML5规范包括一系列新的语义元素，用于为网页的各个部分或部分赋予一些含义，例如页眉，页脚，导航等。 在以前HTML版本中，通常将使用<div>元素来创建这些部分，并使用ID或类属性将它们彼此区分开。 这样做的问题是，这没有语义含义，因为没有定义任何指定要使用的类名或ID的严格规则，这使得软件很难确定特定区域在做什么。 HTML5应该有助于减轻这些问题，使Web浏览器更容易解析文档的语义结构。
值得指出的是，继续在HTML5中使用<div>元素是完全有效的，但是为了将来对您的工作进行验证，建议您在相关时使用语义元素。 另一方面，也建议您避免将这些新元素用于其预期目的以外的目的。 例如，<nav>元素不应仅用于任何链接组； 它旨在包围页面上的主导航块。
HTML5引入的主要语义元素是：
<标题>
此元素用于为网页的某些部分定义标题，可以是整个页面，<article>元素或<section>元素。
<页脚>
与<header>元素一样，此新元素为页面的某些部分定义页脚。
页脚，文章或节的末尾不必包含页脚，但通常会包含页脚。
<导航>
这是网页上主要导航链接的容器。
此元素并非旨在与所有链接组一起使用，而应仅用于主要导航块。
如果您的<footer>元素包含导航链接，则无需将这些链接包装在<nav>元素中，因为<footer>元素本身就足够了。
<文章>
<article>元素用于在页面上定义一个独立项目，可以独立分发，例如新闻项目，博客文章或评论。
通常使用RSS提要来联合此类项目。
<部分>
此元素表示文档或应用程序的一部分，例如文章或教程的一章或一部分。
例如，您正在阅读的部分可能被HTML5中的<section>元素包围。
尽管不是严格要求，<section>元素通常具有标头。
例如，您正在阅读的部分的标题将包含文本“语义元素”。
<aside>
此新元素可用于标记侧边栏或一些其他内容，这些内容在某种程度上与其周围的内容分开。
例如广告块。
<hgroup>
在某些情况下，页面，文章或部分可能需要多个标题，例如您拥有标题和副标题的位置。
例如，本教程的标题为“使用HTML5和CSS3创建现代网站”，副标题为“在HTML5中实现画布和视频元素”。
您可以将它们包装在<hgroup>元素中，对主标题使用<h1>元素，对字幕使用<h2>元素。
如果您觉得本文的内容对您的学习有所帮助：
关键字：
jquery