当DOCTYPE定义和名字空间等都准备好之后,接下来我们就可以开始最基本的文档编写了。首先是Head元素,它包含了决定文档最终显示和表现方式的一些必要信息,但在浏览器中这些信息并不会被逐字显示出来。Head标签也必须定位在文档的头部,紧跟在html标签之后:
注意在Head元素中除了简单的起始和结束标志之外,并不需要任何属性值之类的定义。下表中罗列了我们可以添加在Head区域的一些元素:
1.Title:标题,它的信息将显示在浏览器的顶部,在文档中Title是必须定义的;
2.Meta:元素涉及到很多方面的信息,如关键字及其描述、字符编码、文档版权等,它不是必须的,如何使用它也取决于你具体的需要;
3.Script:这个元素可以让我们在文档中直接嵌入script脚本代码,或引入外部的script脚本文件;
4.Style:元素允许我们在单个网页中放置样式定义信息,也就是我们常说的内联样式表;
5.Link:元素虽然可以有很多用途,如定义访问站点的可选页面文档,或者是连接显示在地址栏最前面的Favicon图标,但它一般都是用来引入外部样式表文件。
Title是Head区域中唯一要求必须定义的元素,它能让其中的文本显示在浏览器的最顶部,如图:
除了“必须定义”这个特性之外,编写良好的标题也是网页设计中首要的一门技术,因为它涉及到以下三方面关系到关系到页面文档设计的因素:
1.为页面提供标题,这是最基本的;
2.优化用户体验,帮助他们了解身处网站的哪个位置;
3.提供站点页面的额外信息;
下面展示的就是一个良好的标题设计:
注意,在这个标题中体现出了站点的名称、页面在站点中所处的目录结构,这些对网站的浏览者而言都是相当有用的信息。下面展示的是一个糟糕的标题设计,它对用户起不到任何的帮助作用,我们应该尽量的利用Title,为用户提供一些使用的信息:
虽然我们在标题中不能利用HTML来进行充实和美化,但我们还是可以通过一些技巧来扩充它,比如在例5中就是用了:
在标题中生成一个”&”符号,至于其它可用的字符,大家可以查阅XHTML索引参考。