码迷,mamicode.com
首页 > Web开发 > 详细

(006)XHTML文档的head

时间:2015-04-20 12:39:30      阅读:129      评论:0      收藏:0      [点我收藏+]

标签:

一、引言

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

  

 

(006)XHTML文档的head

标签:

原文地址:http://www.cnblogs.com/jplatformx/p/4440908.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!