高端响应式模板免费下载

响应式网页设计、开放源代码、永久使用、不限域名、不限使用次数

绝对路径的优缺点

url路径分类通常是为前端人员和后端程序人员定义的,这里统称为技术人员。技术人员通常通过调用图片、css和js代码来设计网站。这种调用方式一般分为两种,一种是相对路径,另一种是绝对路径。从技术上讲,它可以分为相对网址和绝对网址。

什么是相对路径

我们都知道,只有打开正确的网站,我们才能获得想要的网站。同样,网站中的图片、样式和特效也需要正确的路径来获取。当新手学习前端代码时,会出现无法显示图片、样式显示错误、特殊效果无法显示等问题。通常是由调用错误引起的。此时,我们将学习如何使用路径。如果路径正确,图片、样式和特效可以正确显示。

相对路径主要针对两种情况,一种是最上面的相对路径,即域名本身下的相对路径。因为所有信息都属于网站域名本身,当这种情况发生时,所有相对路径都可以省略域名。

如我们通过ftp将一张ceshi.jpg的图片上传到了域名之下,那么想要获取到这张图片的正确写法则是:<img src=https://www.xusseo.com/seormjc/”/ceshi.jpg”width=400px height=400px>。/ceshi.jpg中的/是省略掉了域名本身。如果我们通过ftp在域名下上传一张ceshi.jpg的照片,那么获得这张照片的正确书写规则是:。在/ceshi . jpg/中,域名本身被省略。

Css编写为: <链接href=”。/ceshi . CSS & # 8221;rel = & # 8221样式表& # 8221;type=”。text/CSS & # 8221;/>。;

Js编写为: <脚本语言= & # 8221;javascript & # 8221type=”。文本/JavaScript & # 8221;src=”。/ceshi . js & # 8221;>;<。/script>。。

相对路径的另一个例子是目录中的文件。当这种情况发生时,我们需要找到相应的文件夹并使用相应文件夹的路径。例如,我们通过ftp将ceshi.jpg的照片上传到二级栏目。第二级列的文件夹名是项目。然后我们把这张ceshi.jpg的照片上传到香木文件夹。

如果我们想要调取这张图片,那么正确的写法则是:<img src=”/xiangmu/ceshi.jpg”width=400px;height=400px;>。如果我们想要检索这张图片,那么正确的书写规则是:< img src = & # 8221/xiangmu/ceshi . jpg & # 8221;宽度= 400像素。高度= 400像素。>;。

Css编写为: <链接href=”。/xiangmu/ceshi . CSS & # 8221;rel = & # 8221样式表& # 8221;type=”。text/CSS & # 8221;/>。;

Js编写为: <脚本语言= & # 8221;javascript & # 8221type=”。文本/JavaScript & # 8221;src=”。/xiangmu/ceshi . js & # 8221;>;<。/script>。。

当然,如果我们调用的图片、css和js代码与我们需要使用的网址在同一个目录中,目录的文件夹名也可以省略。一般来说,相对路径的使用相对灵活,需要结合当前路径进行调整。

相对路径的优缺点

相对路径的优点是易于移动,可以在整个文件夹中移动。测试本地网站也更方便。相对路径的缺点是,如果代码不够严格,移动文件夹后一些页面可能会出现混乱。此外,如果使用相对路径,很容易被整个站点复制。

什么是绝对路径

相对路径是相对文件夹下的单独调用,而绝对路径是指固定文件夹下的调用。绝对路径比相对路径更简单,但调用起来更稳定。如果不单独修改此路径下的数据,则无法更改和使用此路径下的内容。

绝对路径很少使用,没有特殊要求也不会使用。然而,这种绝对路径通常出现在剽窃网站的时候。一些剽窃网站的技术人员直接使用彼此的网站,因为他们想省事。

例如,我们的网址是,而对方的网址是,那么对方网站下的图片的路径使用则是<img src=”/ceshi.jpg”width=400px;height=400px;>。如果这张图片需要在我们的网址下使用的话,就会变成<img src=””width=400px;height=400px;>。例如,如果我们的网站是而另一方的网站是,则另一方网站下的图片路径是< img src = & # 8221/ceshi . jpg & # 8221;宽度= 400像素。高度= 400像素。>;。如果这张图片需要在我们的网站下使用,它将成为< img src = & # 8221& # 8221;宽度= 400像素。高度= 400像素。>;。

许多技术人员都使用这种方法,但这对网站本身并不好。事实上,我们可以通过图片下载的方式把下一张图片下载到本地,然后通过ftp把这张图片上传到网站,这样就可以正常使用了。

绝对路径的优缺点

绝对路径的优势在于,如果有人剽窃了你网站的内容,其中的链接也会指向你的网站。一些抄袭者很懒,根本不会修改内容。事实上,它不仅限于被复制。如果有人将您的网页保存到本地计算机,链接、图片、css和js仍然会连接到您的网站。

当网页的位置被修改时,它仍然指向正确的路径,因为使用了绝对路径。绝对路径的缺点是,当在本地测试时,如果网站被使用的话,它将很难被正式启动和修改。

内容摘要:重庆徐三seo详细介绍了相对路径和绝对路径的优缺点,每个人都应该知道如何选择,但个人建议是选择绝对路径。

猜你喜欢