3.1 开始编写网页
每个HTML文档都应该包含以下基本成分：
- DOCTYPE；
- html元素（包含lang属性。该属性不是必需的，但推荐加上）；
- head元素；
- 说明字符编码的meta元素；
- title元素；
- body元素。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title></title> </head> <body> </body> </html>
这份HTML等同于一张空白的纸，因为body里面没有任何内容。
默认语言（由lang属性设定）被设为代表英语的en。字符编码被设为UTF-8。
在文档head部分，通常要指明页面标题，提供为搜索引擎（如Google）准备的关于页面本身的信息。
body元素包住页面的内容，包括文本、图像、表单、音频、视频以及其他交互式内容，也就是访问者看见的东西。
3.2 创建页面标题
放在文档head中的<title>和</title>之间。
每个HTML页面都必须有一个title元素。每个页面的标题都应该是简短的、描述性的，而且是唯一的。在大多数浏览器中，页面标题出现在窗口的标题栏和标签上。页面标题还会出现在访问者浏览历史列表和书签里。或许更为重要的是，页面标题会被Google、Bing、Yahoo!等搜索引擎采用，从而能够大致了解页面内容，并将页面标题作为搜索结果中的链接显示。
3.3 创建分级标题
HTML提供了6级标题用于创建页面信息的层级关系，使用h1～h6元素对标题进行标记。
要拥有一个符合逻辑的标题层级结构。
3.4 理解HTML5的文档大纲
HTML5则提供了四个分块内容（sectioning content）元素──article、aside、nav和section。这些元素将文档划分为不同的区块，并定义了h1～h6（以及header和footer）元素的范围。
<body> <article> <h1>Product User Guide</h1> <section> <h1>Setting it Up</h1> </section> <section> <h1>Basic Features</h1> <section> <h1>Video Playback</h1> </section> </section> <section> <h1>Advanced Features</h1> </section> </article> </body>
3.5 对分级标题进行分组
有时，一个标题有多个连续的层级，例如带有子标题、替换标题或广告语。这时将它们放进hgroup元素可以指明它们是相关的，如图3.5.1所示。每个hgroup都包含两个或更多的h1～h6标题，不可放入其他元素。
<body> <article> <hgroup> <h1>Giraffe Escapes from Zoo</h1> <h2>Animals Worldwide Rejoice</h2> </hgroup> <p>... [文章内容] ...</p> </article> </body>
两个相关的标题组合在一起。在此例中，h2是文章标题h1的子标题。由于Giraffe Escapes from Zoo被标记为最高级别的标题，因此只有它出现在文档大纲里，不过这两个标题都会出现在浏览器中。
hgroup不能仅包含一个标题，至少要包含两个。
在一个hgroup中，只有第一个最高级别的标题会出现在文档大纲中，标题的顺序没有影响。
3.6 普通页面构成
一种常见的布局，顶部是主导航，左侧是主要内容，右侧是侧栏，底部是页脚。