关闭

html中绝对路径和相对路径的区别?比较相对路径和绝对路径的优缺点

时间: 2018-04-23阅读: 1971标签: url

绝对路径和相对路径的区别?

1. 绝对路径:就是你的文件或目录在硬盘上的真正的路径例如“bg.jpg”这个图片是存放在硬盘的“E:\img”目录下,那么 “bg.jpg”这个图片的绝对路径就是“E:\img\bg.jpg"

2. 相对路径:顾名思义,相对路径就是相对于当前文件的路径。网页中一般表示路径都用这个方法,例如在“s1.html” 文件里引用了“bg.jpg”图片,由于“bg.jpg”图片相对于“s1.html”来说,是在同一个目录下的,那么要在“s1.html”文件里使用以下代 码后,只要这两个文件的相对位置没有变(也就是说还是在同一个目录内),那么无论上传到Web服务器的哪个位置,在浏览器里都能正确地显示图片。再举一个例子,假设“s1.html”文件所在目录为“E:\html”下面,而“bg.jpg”图片所在目录为“E:\html\img”,那么“bg.jpg”图片相对于“s1.html”文件来说,是在其所在目录的“img”子目录里,则引用图片的路径应该为:img/bg.jpg 


比较相对路径和绝对路径的优缺点

(1) 绝对路径的优点

① 如果有人将你的网页保存到另外一台电脑中,里面的链接、图片、css、以及js仍然会链接到你电脑的路径,这个时候就无法找到该资源,加载不出来,这样就可以防止被抄袭

② 如果网页位置改变,里面的链接还是指向正确的URL


(2) 绝对路径的缺点

① 在编码编写时不方便使用绝对路径,因为链接应该指向真正的域名,而不是开发站点


相对路径的优缺点和绝对路径的优缺点几乎相反

(3) 相对路径的优点

① 容易移动内容,可以整个目录移动

② 测试方法比较灵活,本机测试时比较方便


(4) 相对路径的缺点

① 部分内容页面换了位置时,链接容易失败

② 容易被人大面积采集抄袭


站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

2.广告联盟: 整理了目前主流的广告联盟平台,如果你有流量,可以作为参考选择适合你的平台点击进入

链接: http://www.fly63.com/article/detial/693

关闭

AngularJS实现地址栏取值

有时候我们由如下需求:1、从a.html跳转到b.html2、从a跳转时携带参数和值、3、从b.html中取出传过来的参数值,在AngularJS的操作如下:

怎样获取当前网页的URL?

document.documentURI,document.URL两个属性的作用是完全一样的. 都是返回一个当前网页URL的字符串; document.documentURI 继承自Document接口, 适用于所有文档;

从浏览器地址栏输入url到显示页面的步骤(以HTTP为例)

在浏览器地址栏输入URL,浏览器查看缓存,如果请求资源在缓存中并且新鲜,跳转到转码步骤,如果资源未缓存,发起新请求,如果已缓存,检验是否足够新鲜,足够新鲜直接提供给客户端,否则与服务器进行验证...

使用 <wbr> 解决长 URL 的换行问题

Web 开发中,屏幕宽度有限,超长文字必须换行。在 CSS 中,控制换行的属性主要有 word-break,white-space,其中,默认换行行为的是 word-break: normal,即以单词为单位换行。比较奇怪的是,对于 URL

URL的组成和含义

当您点击 HTML 页面中的某个链接时,对应的 <a>标签指向万维网上的一个地址。 统一资源定位器(URL)用于定位万维网上的文档(或其他数据)。

js中window.URL对象的使用方式

URL.createObjectURL(object)是URL对象的静态方法,其实就是返回了一个在内存中指向传入参数object的引用路径url字符串。生成的这个url字符串会在当前页面的document被销毁的时候失效。

react监听URL的正确方式

addEventListener之后一定要remove,否则跳转路由后,原有的事件又没消除,会导致注册了越来越多的事件;另外,removeEventListener的第二个参数指向的函数

如何用 JavaScript 来解析 URL

统一资源定位符,缩写为URL,是对网络资源(网页、图像、文件)的引用。URL指定资源位置和检索资源的机制(http、ftp、mailto)。

JS实现PC端URL跳转到对应移动端URL

在做移动端网站时,有时因技术问题或其他原因无法制作响应式版面,而移动端页面只能放到子目录下,但是手机端通过搜索引擎进入网站电脑端子页面,无法匹配到移动端页面,使得用户体验很不好

使用 Redis 构建短网址生成程序

为了给用户提供更多发言空间, 并记录用户在网站上的链接点击行为, 大部分社交网站都会将用户输入的网址转换为相应的短网址。 那么微博将把这个网址转换为相应的短网址

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!