URL路径分析和相对路径问题

为什么写这篇文章呢,因为在解析html或者css遇到不少路径问题,例如遇到…/或者./等路径需要把其转化为项目地址在浏览器访问

路径表示方式(6种)

在html或者css当中,表示路径的方法大概分类6类。(目前所遇如果有其他表示方法欢迎各位来评论区,抛砖引玉哈)

  1. 以http:或者https:开头的。例如http:www.baidu.com,该类地址无需拼装即可直接访问。
  2. 以//(双斜杠)开头的。例如//g.csdnimg.cn/baidu-search/1.0.0/baidu-search.js,该类地址也可以直接访问的。意思是根据当前页面的请求协议在头部自动加上url协议。用来处理网站使用的协议和网页请求外网资源协议不一致。
  3. 以./开头,表示当前路径。假设当前网址为http://www.baidu.com/CRM/css/cool.css。那么当前路径为
    http://www.baidu.com/CRM/css。
  4. 以…/开头,表示上一级路径。还是上面的地址,那么上一级路径为http://www.baidu.com/CRM。注意假设当前有个地址是:…/…/…/…/index.html,那么他的地址依然是www.baidu.com/index.html。即不管你有多少层的../,最高一级目录都是主机号。(意义:在解析这类有../上一级的地址时候,不能单纯迭代往上找目录,而是应该当找到host目录时,直接跳出节省时间)
  5. 直接以路径开头,例如css/index.html。这类同等于./,即当前路径。
  6. 以/(斜杠)开头的,证明在根目录下面。例如有/index.html,那么他的地址为www.baidu.com/index.html。

猜你喜欢

转载自blog.csdn.net/weixin_43118891/article/details/87077744
今日推荐