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>元素。