一、url的全称统一资源定位符(uniform resource locator)
二、如下url基本格式:
scheme://login:password@address:port/path/to/resource?query_string#fragment
-
Scheme:协议名称,用来指定使用的传输协议。
其中最常见的就是HTTP协议,其他常用的协议还有:
(1)file:用于访问资源位于本地计算机上的文件
例如file:///C:/Users/www12/Desktop/homework_3/bd.html
(2)ftp:用于访问FTP服务器上的资源
(3)https:通过SSL协议的HTTP访问web服务器资源
(4)mailto:访问资源属于电子邮件地址,通过SMTP协议访问
还有ed2k、flashget、thunder等 -
// :层级URL标记符号。
根据RFC 1738规定的语法,在授权信息之前,每个层级结构的URL中都会包括固定的“//”符号,同样根据该规范,如果没有层级URL标记,将无法确定URL余下部分的格式和功能
但是若输入省略还是可以查找到相应的信息,因为当前的浏览器基本上都会自动加上 // -
login:password :访问资源的身份验证。
在URL中,身份验证属于可选项,在向服务器申请资源时,在某些情况下,需要指定一个用户和密码,如果没有身份验证字段,浏览器默认以匿名方式访问资源
大多数服务器都是匿名访问,比如百度。。。 -
address:服务器地址。
完整的层级URL,必须有一个匿名,IPv4或者IPv6地址作为请求服务器的位置。域名不区分大小写,IPv6需要括在方括号中
比如:www.baidu.com就是一个服务器 -
port:服务器端口。
服务器端口是URL中可选内容,在没有指定端口时,会默认去访问协议的标准端口。基本上浏览器支持的协议都会有关联的默认服务接口。不过默认接口可以在URL中进行修改
比如:
(1)http端口号是80
(2)https端口号是443
(3)ftp端口号是21
(4)mysql端口号是3306
(5)sqlsever端口号是1433
(6)oracle端口号是1521 -
/path/to/resource:层级文件路径。
URL的这部分被称为层级文件路径,这一结构来源自UNIX目录语义,因此保留了对/,./,…/的支持
/ 表示根目录,./表示当前目录,. ./表示上一级目录
比如:C:\opt\public\technology 当前目录为technology,则…/technology表示上一级public ,如果. ./. ./表示上上一级opt,如果. ./. ./. ./则会访问到根目录即C,如果用很多个. ./. ./. ./…则依旧是访问到根目录位置,如果直接./则表示直接访问根目录 -
?query_string:查询字符串。
查询字符串是一个非必须的字段,主要负责将一系列非层级格式的任意参数传递给指定的服务器资源
参数格式一般是:参数名=值,如果有多个参数用&连接
比如:id=sd&name=sdfs&sex=1
但是这种方法是get方法,访问的信息直接显示在地址栏中,这是不安全的,如果是表单一般要用post方法,它不会将信息显示在地址栏中,是安全的(表单提交的方法method=“get/post”,若想了解更多这方面的知识,欢迎查看我的另一篇文章) -
#fragment:片段ID。
片段ID同样是应用的位置别于查询字符串,他应用于客服端,片段ID值并不会回传至服务端在实际场景中,片段ID一般用于指向页面中的某个锚点,将片段ID与预先设置的锚点名称匹配,并滚到相应的位置 -
关于锚点,来一个实例带你了解:
在HTML页面中适当位置定义如下的锚点:
<a id="top">这里是TOP部分</a>
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
<a id="content">这里是CONTENT部分</a>
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
<a id="foot">这里是FOOT部分</a>
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
(您可以使用 id 属性来替代 name 属性,命名锚同样有效。 [1] )
对于如上锚点的访问有两种方法
一种是利用超链接标签制作锚点链接,主要用于页面内的锚点访问
<a href="#top">点击我链接到TOP</a>
<a href="#content">点击我链接到CONTENT</a>
<a href="#foot">点击我链接到FOOT</a>
这里是TOP部分
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
这里是CONTENT部分
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
这里是FOOT部分
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
我爱苹果
点击下面的三个链接查看效果:
点击我链接到TOP
点击我链接到CONTENT
点击我链接到FOOT
另一种方式是直接在页面地址后面加锚点标记,主要用于不同页面之间的锚点访问
假如本页面的地址是http://文件路径/index.html,要访问foot锚点只要访问如下链接即可
http://文件路径/index.html#foot
如果您还满意,请给我点个赞吧
我把心心给你哟~~~