首页 > 资讯动态 > 资讯详情

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

2019-01-17 13:52:42 | 阅读:2346

掌握网站制作编程中链接绝对或相对路径不可或缺
网站建设中没有哪个方面比超链接(通常简称为链接)更以网络为中心,在页面上创建链接并允许读者轻松访问其他内容的能力是将网站与其他通信媒体(如印刷或广播媒体)区分开来的决定性特征之一。这些链接很容易添加到页面中,也可以添加到其他网页上,无论是在您的站点上还是在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
您将在这里看到,我们通过以正斜杠(/)开头的路径来编写相对路径。该字符告诉浏览器转到当前目录的根目录。从那里,你可以为你的特定资源添加任何你需要的文件夹或文件名,向下钻取到文件夹和文档,最终登陆到你想要链接的确切资源上。

因此,总之,如果您在站点外链接,您将使用一个绝对路径,其中包括您希望连接到的任何内容的完整路径。如果您链接到正在编写代码的页面所在的域中的某个文件,则可以使用一个相对路径,该路径实际上是从您所在的页面、通过站点的文件结构导航,最后导航到您需要的资源。
立即联系咨询 比较十次,不如咨询一次。留下你的联系信息,让我们用态度与经验给您一份惊喜!
立即咨询

引航博景,专业品牌数字化服务机构,专注高端定制化产品开发与服务提供。

引航博景的前身是博信网络工作室,2006年创立于上海。2008年起,以上海引航信息技术有限公司为主体开展业务,现在上海、合肥两地设有办公室。

业务涵括系统软件开发、高端网站建设、设计交互制作、年度运维服务等,十五年来服务客户上千家并深受好评。

版权所有 © 2006-2024 上海引航信息技术有限公司沪ICP备09069965号沪公网安备31011302005006号 网站地图

专业品牌数字化服务商-引航博景正在为您服务咨询电话:400-997-5855