当前位置: 首页 > 文档资料 > 揭秘 CSS >

1.4.5 URI

优质
小牛编辑
124浏览
2023-12-01

URI是Uniform Resource Identifier的缩写,表示统一资源标识符,是一个用于标识某一互联网资源名称的字符串。该种标识允许用户对任何(包括本地和互联网)的资源通过特定的协议进行交互操作。URI由包括确定语法和相关协议的方案所定义。

Web上可用的每种资源,如HTML文档、图像、视频片段、程序等,都由一个通用资源标识符进行定位。

在CSS属性中,使用功能符号 url 来定义一个URI,为网页提供一个图像、视频及浏览器所支持的任何资源。其格式是在 url 后跟一对小括号,小括号中为 URI 的值,如:

url(protocol://server/pathname)

 其中,url 和开始括号之间不能有空格,而开始括号的后面,及结束括号的前面,既可以有空格,也可以没有。URI值的两侧,既可以加引号,也可以不加。但是,URI值中包含空格时,必须加引号。加引号时,既可以使用单引号,也可以使用双引号。URI中,如果包含括号、逗号、单引号、双引号等特殊字符,则必须使用反斜杠进行转义,如 '\(','\)','\,'。

上述这种方式定义了一个绝对URI。这里的绝对是指,无论这个URI放在哪里,它都能正常工作,因为它定义了Web空间中的一个绝对位置。假设在一个名为 www.baidu.com 的Web服务器,该服务器是有一个名为 images 的目录,在这个目录中有一个图像logo.jpg。这种情况下,该图像的绝对URI将是:

url(http://www.baidu.com/images/logo.jpg);

不管这个URI放在哪里,它都是合法的,而不论包含这个URI的页面是在服务器 www.baidu.com 上,还是在 www.aitaoxun.com 上。

另一种URI是相对URI,之所以如此称呼,是因为它指定的是一个相对于该URI所在文档的位置而言的。

在CSS中使用相对路径时,URI是相对于样式表的位置,而不是要应用样式的HTML文件的位置。如:

body {    background: url(image.jpg);}

上述代码就表示,使用图像 image.jpg 作为网页的背景图像,图像文件和css 文件位于相同的目录。