工作中的知识补充和bug记录 HTML相对路径相对目录--上级目录及下级目录的写法

1、引用css和js链接地址中带的问号是什么意思?HTML相对路径相对目录--上级目录及下级目录的写法?

ans1>

问号是网址(标准叫法是url)中主体部分(文件路径)与参数部分的分割符,一般用于给动态网页传递参数。css和js链接地址中带的问号,作用则主要是为了“骗”浏览器的。我们都知道,浏览器肯定都有缓存文件的,当再次访问一个相同的网址时(包括htm、css、js以及各种图片),浏览器会首先去提取缓存文件,尤其是手机上的浏览器,由于涉及流量(每一秒都是钱啊),所以缓存文件的优先级更高,网站上的文件发生变化后,手机上可能过很久都仍然是更新前的页面(有的甚至要过24小时才会生效)。这种做法,虽然可以节省手机流量,但是对于网站的开发者来说就会造成困扰了,因为网页做了修改(比如图片改了,但文件名不变),却无法立即反映到用户的设备上。这时候就可以在网址(htm文件以及文件中包含的各种资源)中加个问号,后面再加个随机的数字(或者字符),这样浏览器就会认为这是个不同的网址,就会跳过缓存直接去网站提取,这样用户的手机上就会立刻出现更新后的网页或者资源(如css、js以及图片)了。

ans2>

参考:HTML相对路径相对目录--上级目录及下级目录的写法

 

如何表示上级目录:

假设info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html
假设index.html路径是:c:/Inetpub/wwwroot/index.html
在info.html加入index.html超链接的代码应该这样写:

<a href = "../../index.html">index.html</a>

假设info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html
假设index.html路径是:c:/Inetpub/wwwroot/sites/wowstory/index.html
在info.html加入index.html超链接的代码应该这样写:

<a href = "../wowstory/index.html">index.html</a>

如何表示下级目录:

引用下级目录的文件,直接写下级目录文件的路径即可。

假设info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html
假设index.html路径是:c:/Inetpub/wwwroot/sites/blabla/html/index.html
在info.html加入index.html超链接的代码应该这样写:

<a href = "html/index.html">index.html</a>

猜你喜欢

转载自www.cnblogs.com/gds-1202b/p/11049494.html
今日推荐