700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > html路径详解 详解HTML相对路径和绝对路径

html路径详解 详解HTML相对路径和绝对路径

时间:2023-02-14 14:59:05

相关推荐

html路径详解 详解HTML相对路径和绝对路径

相对路径:以引用文件之网页所在位置为参考基础,而建立出的目录路径。因此,当保存于不同目录的网页引用同一个文件时,所使用的路径将不相同,故称之为相对。

绝对路径:以Web站点根目录为参考基础的目录路径。之所以称为绝对,意指当所有网页引用同一个文件时,所使用的路径都是一样的。

其实绝对路径与相对路径的不同处,只在于描述目录路径时,所采用的参考点不同。由于对网站上所有文件而言,根目录这个参考点对所有文件都是一样的,因此,运用以根目录为参考点的路径描述方式才会被称之为绝对路径。

以下为建立路径所使用的几个特殊符号,表达的意义如下

.代表目前所在的目录

..代码上一级目录

/代码根目录

相对路径和决定路径的区别:相对路径不带有盘符,通常是以html网页文件为起点,通过层级关系描述目标图像的位置,相对于文件自身出发,就是相对路径

主要有以下几种情况:

①文件和图片(html文档)在同一个目录(文件夹) ,直接写文件名。

②图片(html文档)在文件在下一级目录里。文件夹名称+/+图片(html)名称

③图片(html)在文件的上一级目录里,..+/+图片(html)名称

④图片在文件的上一级的其他目录里,../文件夹名称/图片名称

⑤总结:找到下一级目录(文件夹)的图片(文件)用 / 跳出当前目录使用../

⑥注意:一个点代表当前路径,两个点代表上级路径。一个点可以连同它后面的/不用写。两个点必须写/

绝对文件路径是指向一个因特网文件的完整 URL:

例如:

好习惯

使用相对路径是个好习惯,如果使用了相对路径,那么您的网页就不会与当前的基准 URL 进行绑定。所有链接在您的电脑上 (localhost) 或未来的公共域中均可正常工作。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。