html页面中的路径问题(相对路径和绝对路径)

这里用404.html访问跟它同层级的图片logo.png来解释相对路径和绝对路径

文件结构：

404.html

<html lang="en">
<head><meta charset="UTF-8">
</head>
<body><!-- 相对路径写法 -->
<!-- ./ 表示当前文件所在目录，即404.html所在目录，即G:/testworkspace/ -->
<!-- ./可省略 -->
<img src = "logo.png"/>
<img src = "./logo.png"/><!-- ../ 表示当前文件所在目录的上级目录，即G:/ -->
<img src = "../testworkspace/logo.png"/><!-- /表示根路径，即G:/ -->
<img src = "/testworkspace/logo.png"/><!-- 绝对路径写法 -->
<img src = "G:/testworkspace/logo.png"/>
</body>
</html>

项目中常用相对路径写法，因为当本地项目部署到服务器后，文件路径一般会发生改变，使用绝对路径会找不到对应的文件。

html页面中的路径问题(相对路径和绝对路径)相关推荐

路由到另外一个页面_如何在多个页面中，引入一个公共组件
应用场景在前端开发的过程中,时常有这样的一个需求,需要将某个组件,展示在不同的页面中.常见的有,头部菜单栏.底部版权,如下图中的菜单,就需要在不同页面中进行显示. 解决方法假设有这样一个需求,希望 ...
jsp页面中contextPath的使用
jsp页面中资源链接相对路径和绝对路径相对路径 <html> <a href="/index/home">click label2 to welcome ...
gulp html页面路径,通过gulp-connect部署静态页面，html页面中include路径无法get！
我的目录结构然后我gulp-connect部署了public目录 gulp.task('watch',function(){ gulp.watch(['./public/**'],['public' ...
html excel导出的路径,html 导出多个excel表格数据-如何将html页面中的表格导出到excel表格...
怎样将html表格导出到excel中啊?我用的是asp.net. stringbuilder拼接的也就是说,是用字符组成的表格,这并不是意义上的表格. 要实现导出EXCEL的较麻烦,给你讲一下解题思路 ...
js获取html中图片路径,用js快速的获取html页面中图片的地址
这次给大家带来用js快速的获取html页面中图片的地址,用js快速获取html页面中图片的地址的注意事项有哪些,下面就是实战案例,一起来看一下. 这篇文章主要介绍了js获取html代码中图片地址的实现 ...
phpcms v9 index.php,【转】phpcms v9中tags列表页url用拼音作为路径的方法
这篇文章主要为大家详细介绍了[转]phpcms v9中tags列表页url用拼音作为路径的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴. Phpcms v9 ...
编译过程中，termcap.h 文件找不到路径 licli.a终于生成
编译过程中,termcap.h 文件找不到路径查看是linux 源码下找不到termcap.h文件安装了所有关于*cap*的源码包也不起作用今天终于解决了这个问题,搜termca ...
查看hive中某个表中的数据、表结构及所在路径
查看hive中action_data_myisam表中的数据.表结构及所在路径 1.客户端进入hive环境:hive 2.查看表数据,鉴于数据量大,这里只显示前五条:select * from act ...
【转】QT中添加的资源文件qrc时的路径问题小结
@2019-06-13 [小记] QT中添加的资源文件qrc时的路径问题小结转载于:https://www.cnblogs.com/skullboyer/p/11014943.html
file相对路径java_浅谈java 中文件的读取File、以及相对路径的问题
一.对于java项目中文件的读取 1.使用system 或是系统的properties对象 ①直接是使用 string relativelypath=system.getproperty(" ...

html页面中的路径问题(相对路径和绝对路径)

html页面中的路径问题(相对路径和绝对路径)相关推荐

最新文章

热门文章