html 相对路径,绝对路径

来源:互联网 发布:听音乐最好的软件 编辑:程序博客网 时间:2024/05/16 13:48


服务器根目录表示:

前面没有域名,以 / 开头

例如:<img src="/images/graph-header.png"/>

这个部署到服务器上将会是形如:http://localhost:8080/images/graph-header.png

也就是说直接在服务器比如tomcat的根目录 http://localhost:8080 下面找,即使你的项目根目录是http://localhost:8080/myapp 它还是不会在项目跟目录找

项目根目录在tomcat /conf/web.xml 中设置 <Context docBase="你的程序编译后的地址比如:/Users/aa/softRoot/eclipseWorkspace/sss/target/aass-0.0.1" path="/asi-web"/>


绝对路径:给出完整的url

<img src="http://localhost:8080/images/graph-header.png"/>


相对路径:

在同一个文件夹下: <img src="graph-header.png"/> 注意前面不能有/ 否则就直接到根目录去找了

下级目录images中:<img src="images/graph-header.png"/> 注意前面不能有/ 否则就直接到根目录去找了

../ 代表一级上级目录(间隔一个目录) ../../代表二级上级目录(间隔两个目录)

在上两级目录下的images目录中: <img src="../../images/graph-header.png"/>


原创粉丝点击