调用外部资源

2.2.3　调用外部资源link

还有一个比较常用的元素link，它表示调用一些外部的资源，这些外部的资源可以是样式化信息(CSS)、导航助手、属于另外形式的信息(RSS)、联系信息等等。比如:

表示网页的图标地址，这个图标在网页被收藏的时候将显示在收藏夹的菜单上。

表示引用一个CSS样式文件，其中rel="stylesheet" type="text/css"表示引用CSS文本样式。

而href="/main．css"表示引用CSS的地址。media="screen"表示引用的CSS是用于屏幕显示的，如果要用于打印可以将media属性设置为print，如果用于打印也用于显示器那么media的属性应该设置为all。

绝对路径和相对路径

在HTML中，有许多地方需要引用外部资源，比如外部的图标与图片，链接其他的网页，调用CSS样式和JavaScript文件等。这些外部文件和HTML文件本身是相互独立的关系。HTML文件要访问它们就需要用路径(地址)访问。一般使用路径有两种方式，绝对路径和相对路径。

假定服务器根目录为D:\www，域名为www．ok．com，某HTM L文件是page1. htm，它在服务器的位置是: D:\www\ok\page1. htm，则该文件绝对路径是: http://www.ok.com/ok/page1.htm，所有在其他服务器上的文件应该这样引用它。

再假设这个服务器上另外一个文件mian．css在服务器的位置是:

D:\www\css\main．css，而page1.htm需要引用main．css，

当与被引用文件在同一服务器上时，除了上面使用绝对路径表示法外，还可以写成:/css/main．css，其中第一个"/"表示Web服务器根目录。

而间接引用则可以写成:．．/css/main．css。

其中．．/表示当前的上一层目录。这个访问的过程是:从page1的当前目录出发，要访问到main．css需要先进入上一层目录，然后进入css目录，然后再访问main．css。