第3章　基本HTML结构

本章内容

  • 开始编写网页
  • 创建页面标题
  • 创建分级标题
  • 理解HTML5的文档大纲
  • 对分级标题进行分组
  • 普通页面构成
  • 创建页眉
  • 标记导航
  • 创建文章
  • 定义区块
  • 指定侧栏
  • 创建页脚
  • 创建通用容器
  • 使用ARIA改进可访问性
  • 为元素指定class或id名称
  • 为元素添加title属性
  • 添加注释

本章讨论的是构建文档基础和结构所需的HTML元素，即网页内容的大纲和主要的语义化容器。

你将学到以下内容：

  • 开始编写网页

  • HTML5的文档大纲

  • h1～h6、hgroup、header、nav、article、section、aside、footer及div元素（其中大多数是HTML5新增的元素）

  • ARIA的role属性如何提升页面的可访问性

  • 为元素应用class和id属性

  • 为元素应用title属性

  • 为代码添加注释

创建清晰、一致的结构不仅可以为页面建立良好的语义化基础，也可以大大降低在文档中应用层叠样式表（CSS）的难度（从第7章开始讲解CSS）。

如果你还没有这样做过，强烈建议你在继续阅读前先读读第1章。第1章展示了一个简单的HTML页面，并解释了一些基本概念。由于那是你第一次接触网页，因此我会在这里复述一些（但非所有的）信息，并假定你对其他信息很熟悉，可以基于它们开始构建网页。

另外，如果你读过笔者的The HTML Pocket Guide，你会发现很多熟悉的材料。