3.3.1 大纲（2）
图3-6 加入网页标题后的页面大纲
看到这里，有读者也许会问：如果只加一个h1元素就可以分析出标题来，那还需要header元素干什么呢？答案是h1元素一般用来显示文字标题。事实上，在要定义为网页标题的整个内容中，往往不只显示一个文字而已，其中包括了大量的导航条、企业logo图片，广告Flash等，这些内容都可以放在一个header元素中作为整个网页标题的内容，而标题文字为h1元素中的文字，在大纲中显示该标题文字。但是，这里要说明的是，header元素本身的作用不是用来生成大纲的，大纲是依靠header元素中的h1~h6元素来生成的，如针对代码清单3-24中的代码，生成的大纲如图3-7所示。
代码清单3-24 在企业网站中使用图片来显示企业名称
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>企业网站</title>
</head>
<header>
<img src="title.jpg" alt="用来显示企业名称的图片">
</header>
<section>
<h2>企业描述</h2>
（正文）
</section>
这里会有这样一个问题，在很多企业网站（或其他网站）中，企业的标题并不是以文字来显示的，而是为了提升视觉效果，放在图片中显示的。这种情况就不能生成大纲了吗？笔者在这里提供个小技巧，在header元素中，使用如下代码，既可以用图片来显示企业名称，又可以生成大纲。
<header>
<h1><img src="title.jpg" alt="企业名称"></h1>
</header>
在header元素中使用这段代码后，生成的大纲如图3-8所示。
图3-7 header元素本身并不用来生成大纲
图3-8 在header元素中使用图片来生成大纲
与header元素相同，footer元素中如果没有标题元素（h1~h6元素）也用来生成大纲。
在代码清单3-22或代码清单3-24的代码底部追加如下代码，生成的大纲将不会有任何变化。
<footer>
版权所有：陆凌牛
</footer>
另外，对于nav元素与aside元素来说，如果不在元素内部加入标题元素（h1~h6元素），那么在生成大纲时会在该元素所在位置处添加一个"Untitled Section"的说明文字。根据HTML 5开发文档中的记载，nav元素的作用为存放一组链接组，aside元素的作用为表示当前页面或文章的附属信息部分，允许不在这两个元素中添加标题，也就是说，大纲中存在这两个元素的内容为"Untitled Section"的说明文字是合理的。
在代码清单3-22的代码底部添加如下代码，生成的大纲如图3-9所示。
<nav>
<ul>
<li><a href="#">链接测试1</a></li>
<li><a href="#">链接测试2</a></li>
</ul>
</nav>
<aside>
侧边栏中的内容
</aside>
图3-9 在文档的底部添加nav元素与aside元素
相关HTML 5与CSS 3权威指南：大纲（2）