掌握网站制作编程中链接绝对或相对路径不可或缺


来源:网站优化外包 作者:坪山网络公司 日期:2019-01-17 浏览:

网站建设中没有哪个方面比超链接(通常简称为链接)更以网络为中心,在页面上创建链接并允许读者轻松访问其他内容的能力是将网站与其他通信媒体(如印刷或广播媒体)区分开来的决定性特征之一。这些链接很容易添加到页面中,也可以添加到其他网页上,无论是在您的站点上还是在Web上的其他位置。您还可以链接到其他资源,如图像、视频或文档。然而,尽管链接很容易添加,但它们也是许多新的网站开发人员最初难以理解的项目之一,特别是在文件路径的概念、绝对路径与相对路径的含义以及何时使用其中一个替代另一个方面。所以,如果想成为一名合格的网站开发工程师,掌握网站制作编程中链接绝对或相对路径不可或缺。
在上面描述的每个链接实例中,您需要考虑如何从站点连接到这些不同的页面或资源。具体地说,您需要决定要编写什么样的URL路径。在网页设计中,有两种创建链接的标准方法和两种可以使用的路径:
  • 绝对路径
  • 相对路径
绝对路径URL
绝对路径使用URL,这些URL指向Internet上非常特定的位置。这些路径将包含域名作为链接路径本身的一部分。此网页的绝对路径示例如下:
https://www.joyweb.cn/joyblog/?post=632
当您要指向其他域上的Web元素而不是您自己的元素时,通常会使用绝对路径。例如,如果我想在这里链接到不同网站上的一个页面,我将需要包含该链接的完整URL,因为我要离开一个域(webdesign.life wire.com)转到另一个域。该链接只需在页面内添加元素,并将URL用作该链接的“href”属性值。
因此,如果您正在链接到任何来自您自己的“站点外”的内容,您将需要使用一条绝对路径,但是对于您自己域中的页面或资源又该如何处理呢?实际上,即使链接到自己站点上的页面,也可以使用绝对路径,但这并不是必需的,而且根据开发环境的不同,绝对路径可能会导致问题。
例如,如果您有一个在创建网站时使用的开发环境,并且您将所有URL绝对编码到该URL,那么当网站启用时,它们都需要进行更改。为避免此问题,任何本地资源的文件路径都应使用相对路径。
相对路径URL
相对路径会根据链接所在的页面而变化-它们相对于它们所在的页面(因此是名称)。如果您链接到自己站点上的页面,或该站点上“图像”目录中的图像,则可能会使用相对路径。相对路径不使用页面的完整URL,与我们刚才查看的绝对路径不同。
使用相对路径创建链接有几条规则:
当前页所在目录中的链接没有列出路径信息:
filename
列出的子目录中没有任何前面的斜杠:
weekly/filename
一个目录的链接如下所示:
../filename
如何确定相对路径
首先定义您正在编辑的页面的URL。在上面列出的示例文章中,这将是:
https://www.joyweb.cn/joyblog/?post=632
/joyblog/?post=632
您将在这里看到,我们通过以正斜杠(/)开头的路径来编写相对路径。该字符告诉浏览器转到当前目录的根目录。从那里,你可以为你的特定资源添加任何你需要的文件夹或文件名,向下钻取到文件夹和文档,最终登陆到你想要链接的确切资源上。
因此,总之,如果您在站点外链接,您将使用一个绝对路径,其中包括您希望连接到的任何内容的完整路径。如果您链接到正在编写代码的页面所在的域中的某个文件,则可以使用一个相对路径,该路径实际上是从您所在的页面、通过站点的文件结构导航,最后导航到您需要的资源。
深圳市圣玺网络技术有限公司提供坪山区域的营销网站建设、品牌网站设计、企业网站改版制作、网站优化外包、网络营销推广、百度霸屏、SEO按天按效果付费等互联网广告服务!
本文由网上采集发布,不代表本站立场,转载联系作者并注明出处:https://www.webgaiban.cn/wzyh/1767.html

X

截屏,微信识别二维码

微信号:15019448256

(点击微信号复制,添加好友)

  打开微信