(006)XHTML文档的head

一、引言

  本章节介绍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>

  

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。