- HTML5+CSS3+jQuery Mobile+Bootstrap开发APP从入门到精通（视频教学版）
- 张工厂
- 881字
- 2025-02-25 11:36:38
3.1 URL的概念
URL为“Uniform Resource Locator”的缩写，通常翻译为“统一资源定位器”，也就是人们通常说的“网址”，它用于指定Internet上的资源位置。
3.1.1 URL的格式
网络中的计算机是通过IP地址区分的，如果需要访问网络中某台计算机中的资源，首先要定位到这台计算机。IP地址由32位二进制代码（即32个0/1）组成，数字之间没有意义，且不容易记忆。为了方便记忆，现在计算机一般采用域名的方式来寻址，即在网络上使用一组有意义字符组成的地址代替IP地址来访问网络资源。
URL由4个部分组成，即“协议”“主机名”“文件夹名”“文件名”，如图3-1所示。
图3-1 URL组成
互联网中有各种各样的应用，如Web服务、FTP服务等。每种服务应用都得对应有协议，通过浏览器浏览网页的协议都是HTTP协议（超文本传输协议），因此通常网页的地址都以“http://”开头。
“www.baidu.com”为主机名，表示文件存在于哪台服务器，主机名可以通过IP地址或域名来表示。
确定到主机后，还需要说明文件存在于这台服务器的哪个文件夹中，这里文件夹可以分为多个层级。
确定文件夹后，就要定位到文件，即要显示哪个文件，网页文件通常是以“.html”或“htm”为扩展名。
3.1.2 URL的类型
在第2章讲解网页中使用的图像时，已经介绍了“路径”的概念。对于超链接来说，路径的概念同样存在。
超链接的URL可以分为绝对URL和相对URL两种类型。
（1）绝对URL一般用于访问非同一台服务器上的资源。
（2）相对URL是指访问同一台服务器上相同文件夹或不同文件夹中的资源。如果访问相同文件夹中的文件，只需要写文件名；如果访问不同文件夹中资源，URL以服务器的根目录为起点，指明文件的相对关系，由文件夹名和文件名两部分构成。
下面实例使用绝对URL和相对URL实现超链接。
【例3.1】（实例文件：ch03\3.1.html）
<!DOCTYPE html> <html> <head> <title>绝对URL和相对URL</title> </head> <body> <!--使用绝对URL--> 单击<a href="http://www.WebDesign.com/index.html">绝对URL</a>链接到 WebDesign网站首页<br/> <!--使用相对URL--> 单击<a href="02.html">相同文件夹的URL</a>链接到相同文件夹中的第2个页面<br/> 单击<a href="../pages/03.html">不同文件夹的URL</a>链接到不同文件夹中的第3个页面 </body> </html>
在上述代码中，第1个链接使用的是绝对URL；第2个链接使用的是服务器相对URL，也就是链接到文档所在服务器的根目录下的02.html文件；第3个链接使用的是文档相对URL，即原文档所在文件夹的父文件夹下面的pages文件夹中的03.html文件。
在IE 11.0中预览网页效果如图3-2所示。
图3-2 绝对URL和相对URL