一、引言
本章节介绍head元素,它包含着关于文档的信息。尽管head元素及其中的内容不会被浏览器显示,它们却在定义文档的一些特殊方面起着关键作用,这些特性包括javascript代码、文档的名称以及文档的样式声明。
许多人既把head视为一个节,也视为一个元素。作为元素来讲,它可以包含几种其他元素,它们都是本章的关注对象。head元素的一个有趣之处在于它不包括任何会在文档中显示的元素。head元素中可以包括的元素有base、link、meta、script、style、title。
二、base元素
base标签有助于把链接变得更简短、更易维护。它可以用来为文档中的所有链接指定一个基础URL。
base标签只有一个必需的属性——href。它用来指定一个URL,用作文档中的链接的基础URL。
例如在向XHTML文档中加入一个图像时,需要说明在什么地方能找到图像。当多个图像位于同一个目录时,使用<base>标签能够让事情更轻松一些。也就是说,如果文档包含了来自同一个目录的几个图像,那么你可以通过使用<base>标签让它们的URL变短一些。此外,当你决定把这些图像移到一个新的位置时,修改那些链接只是小事一碟,只需修改<base>标签的href属性就行。
当浏览器准备获取图像时,它取出<base>标签中指定的基础URL,将其与所请求的文件相结合。当存在多个图像时,使用<base>标签是一种高效的手段,因为它可以节省键入时间并降低文件的总体大小。
用法:
<base href="..." />
三、link元素
link元素定义两个链接在一起的文档之间的关系。它最常用于把外部样式表链接进当前的文档。
link元素的属性介绍如下:
- href: 指向所链接的的文档的URL
- media: 说明所链接的文档用于哪种媒体。常见值包括all、braille、print、projection、screen和speech。使用media属性,可以针对不同的媒体类型指定不同的样式表。例如,你可能想让屏幕上的内容显得丰富多彩,但某些用户也许只有单色打印机。这个属性使你可以为每种媒体类型使用一种不同的样式表。
- rel: 定义所链接到的文档与当前文档之间的关系。常见值包括alternate、appendix、bookmark、chapter、contents、copyright、glossary、help、home、index、next、prev、section、start、stylesheet、subsection。
- rev: 与rel相反,这个属性定义当前文档与所链接文档之间的关系。
- type: 指定目标URL的多用途网际邮件扩展(MIME)类型。最常见的值包括用于外部样式表的text/css、用于javascript文件的text/javascript和用于GIF图像文件的image/gif。MIME类型告诉浏览器所下载的文件的类型是什么以及应该如何处理。
用法如下:
<head> <link href="..." rel="stylesheet" media="all" type="text/css" /> </head>
时间: 2024-11-03 16:52:54