一丶 站内资源与站外资源
站内资源:当前网站的资源
站外资源:菲当前网站的资源
二丶 绝对路径和相对路径
对 站外资源 使用:绝对路径
对 站内资源 使用:相对路径
三丶 绝对路径的书写个格式
url地址:
协议名://主机名:端口号/路径
比如:
https://mbs.baidu.com/newspage/data/landingsuper
http://www.renren.com/
协议名:http(安全性较低,一般是小公司或者政府再或者拿来做官网用的)、https(安全)、file(本地)
主机名:域名、IP地址(比如:192.168.92.11)
端口号:如果协议是http协议,默认端口号80;如果协议是https协议,默认端口号为443,这些端口在浏览器中都会被隐藏,如果我们写了依然可以访问的到
比如说:
人人网:http://www.renren.com:80//
百度首页:https://www.baidu.com:443/.
当跳转目标和当前页面的协议相同时,可以省略协议。
举个例子:
比如说你写了一个HTML页面,有个按钮,有按钮超链接,复制当前路径去打开浏览器,在粘贴那个路径你会发现你的协议是http协议,而且点击可以跳转到对应网页
但是如果你是在文件中打开的这个页面,你点击就会找不到网页了,为什么?
这是因为,这个时候你的协议名不再是http,因为你是文件打开,所以你的协议名这时候变成了file,不信你去浏览器看下网址就知道了
四丶 相对路径的书写个格式
以./开头,./表示当前资源所在的目录
…/表示返回上一级目录
举个例子:你创了一个新的工程文件夹并且新建了一个网页index.html,由于现在网页是两种不同的类型,你要分类,所以你就在这个新工程文件里新建了一个子文件夹,
里面新建了一个网页,然后这个时候你子文件夹里的网页想要访问同一个工程下的网面的网页,就需要打上如下:当前网页时:index.html
<a href="./subhtmls/a.html">
subhtmls.html - > a.html
</a>
分析一下,./表示的是这个网页当前所在的文件夹,那么是不是工程?那么如果你想用相对路径的写法,就需要在/子文件夹再/网页文件才能访问得到
如果是在同一个文件夹下,就不用写/,直接写文件名即可,例如:a.html
那么反过来,如果想从a.html中点击超链接返回到index.html,怎么做呢?
<a href="./../相对路径的写法.html">
分析一波,首先./表示回到当前目录,
../回到上一级目录,那么index.html就是在上一级目录,所以说
相对路径的写法.html 才需要这么写
</a>