HTML 路径

HTML 路径,第1张

相对路径

A. 服务器端(Java、Servlet)——它是相对于Web应用的根目录,例:http://localhost:8080/jysz/

" / " 代表Web应用的根目录;"./"代表当前目录(可省)"../"代表上级目录

B. 客户端(Javascript、Css、Html)——它是相对于服务器的根目录,例:http://localhost:8080/

" / " 代表服务器的根目录;"./"代表当前目录(可省)"../"代表上级目录

直接那例子来说明吧。

比如:D盘根目录下有名为web的文件夹,web文件夹下有01.html和01.js。

1.绝对路径:D:\web\01.js就是01.js的绝对路径,比如01.html文件要调用01.js,直接用<script src="D:\web\01.js"></script>

2.相对路径:由于01.html和01.js在同一目录下。01.html文件要调用01.js,可以用<script src="01.js"></script>。其中的01.js就是相对路径,也可以用<script src="./01.js"></script>。其中(注意有点)./01.js也是相对路径,是相对01.html的路径,.(点)表示本目录,也就是本目录下的01.js。

最后:绝对路径一般不移动文件位置,移动文件位置后不能访问到。而相对路径比如web文件夹及其内容可以放在任何位置,都可以用相对位置调用js。

你用法没有错误,你错就错在斜杠上你应该用正斜杠(/)而不是用反斜杠(\).

在html里面引用外部image,或者html都是./这样写的。例如A,B是2个页面并且在同一个目录下。你要在B中点击时候跳转到A页面你就要这样写<a href="A.html" />

如果A在B的上级目录下你要在B中点击跳转到A你就要这样写了<a href="../A.html"/>,此时2个点就定位到了B的上级目录,也就是和A同一个目录了,这就是相对定位。

具体代码看下图

扩展资料:

比如html中想使用<img>标签来引入一个图片,那图片的引用src属性就涉及到一个路径问题。

相对路径指的是什么呢?指的就是相对于当前资源(当前资源现在指的就是html文件的位置)所在目录的位置。

1.比如一个文件夹叫hello

里面的文件一个叫demo.html

另一个叫2.jpg

则在demo.html中引用2.jpg文件时就可以直接写<img src="2.jpg" alt="这是一只大松树">,因为2.jpg现在相对于demo.html(当前资源)所在的目录hello,是直接在文件夹中的,所以正确。

2、当不在一个目录下时,怎么办?比如此时有了另一个文件夹world与hello文件夹并列,2.jpg此时位于world文件夹中,此时该如何引用呢?

答案:      ../可以返回上一级目录,需要返回几级目录就写几个../

此时可以写作<img src="../world/2.jpg">即可。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6169810.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-17
下一篇 2023-03-17

发表评论

登录后才能评论

评论列表(0条)

保存