`

Html文件的 相对于绝对路径

 
阅读更多
对应Web下的html路径经常搞混乱,我觉得需要记住以下几点:
1、./表示源文件所在目录的上一级目录,../../表示源文件所在目录的上上级目录,以
    类推。

  eg.  假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html
     假设index.html路径是:c:\Inetpub\wwwroot\sites\index.html
     在info.html加入index.html超链接的代码应该这样写:
        <a href="../index.html">index.html</a>
2、./表示源文件所在的当前目录,通常省略不写
   eg. 假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html
      假设index.html路径是:c:\Inetpub\wwwroot\sites\blabla\index.html 
       在info.html加入index.html超链接的代码应该这样写:
        <a href = "./index.html">index.html</a>
   eg. 假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html
     假设index.html路径是:c:\Inetpub\wwwroot\sites\index.html
     在info.html加入index.html超链接的代码应该这样写:
        <a href=".././index.html">index.html</a> 通常./不写,变为:
         <a href=".././index.html">index.html</a>

3、在web目录中,这个会随着当前目录变化而变化。
   在struts.xml里是相对根目录的,而其结果资源jsp页面的路径也应该是相对于根目录,其相
   对位置是根据根目录,而不是根据jsp源文件的相对位置而定。
[b][/b]
4、为了解决3所带来的问题,有如下两种方法:
   1)在被引入的资源前面加${pageContext.request.contextPath},其实就是当前的根名
      字
          eg. src="${pageContext.request.contextPath}/js/jquery.js"
   2)
<%
       String path = request.getContextPath();
       String basePath =     request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<base href="<%=basePath%>">
,其实这个也是根目录,如http://localhost:8080/Assets/
这时直接引用就行
eg. src="${pageContext.request.contextPath}/js/jquery.js"

参考:http://baike.baidu.com/view/25307.htm
分享到:
评论

相关推荐

    【前端学习笔记day09】2.5. html图像标签、绝对路径和相对路径

    相对地址:相对于引用文件本身去定位被引用的文件地址 绝对地址在整体文件迁移时会因为磁盘和顶层目录的改变而找不到文件,相对路径就没有这个问题。相对路径的定义技巧: “ ./ ” 表示当前文件所在目录下,比如:...

    HTML的a标签href属性指定相对路径与绝对路径的用法讲解

    例如:文件1.htm的绝对路径是:d:/www/html/1.htm文件2.htm的绝对路径是:d:/www/html/2.htm那么:1.htm相对于2.htm的路径就是:1.htm 相对链接的使用方法:如果链接到同一目录下,则只需输入要链接文档的名称,例如:...

    java获取路径的各种方法

    基本概念的理解绝对路径:绝对路径就是你的主页上的文件或目录在硬盘上真正的路径,(URL和物理路径)例如:C:xyz est.txt 代表了test.txt文件的绝对路径。http://www.sun.com/index.htm也代表了一个URL绝对路径。相对...

    HTML的 相对路径 和 绝对路径

    (相对于本文件的位置) ./ :代表文件所在的目录(可以省略不写) …/ :代表文件所在的父级目录 …/…/ :代表文件所在的父级目录的父级目录 / :代表文件所在的根目录 绝对路径 绝对路径是指完整的网址 . 相对...

    HTML技术有css javascript

    内部和外部都是相对于站点文件夹而言,如果链接指向的是站点文件夹之内的文件,就是内部链接。如果链接指向站点文件夹之外的,就被称做外部链接。在添加外部链接的时候,将用到下面所讲的绝对地址;而添加内部链接的...

    css html 新手入门 静态页面布局

    到底该使用绝对定位还是相对定位的问题  刚开始学习网页布局的时候老是在纠结到底该用...路径分为相对路径、绝对路径和远程路径,我们一般都使用的是相对路径。主要是有时候分不清./、 …/、/的区别。下面进行说明。

    rar压缩软件.rar

    Windows 的版本 RAR 从 rar.ini 文件读取配置文件信息,它放在 rar.exe 文件相 同的目录中。 这个文件包含下列字符串: switches=任何 RAR 开关,用空格分开 例如: switches=-m5 -s 环境变量 ~~~~~~~~ ...

    从入门到精通HTML5——PDF——网盘链接

     6.3.6 图像相对于文字基准线的对齐方式  ——align 108  6.3.7 图像的提示文字——alt 110  6.4 图像的超链接 111  6.4.1 设置图像的超链接 111  6.4.2 设置图像热区链接 112  6.5 小结 116  6.6 习题 ...

    网页设计笔试题.txt

    HTML的含义是什么?...相对URL指资源相对于当前页面的路径。使用相对URL时,一般使用点“.”和双点“..”表示当前目录和上一级目录(父目录)。在制作网站的时候,只要站点各资源的相对位置不变,就使用相对URL。

    go.rice:go.rice是一个Go程序包,可轻松处理html,js,css,图像,模板等资源

    go.rice做的第一件事是为您的资源文件找到正确的绝对路径。 假设您正在主目录中执行二进制文件,但是html-files位于$GOPATH/src/yourApplication/html-files 。 go.rice将为该目录查找正确的路径(相对于...

    Flash网页版MP3播放器,界面样式可用XML配置.rar

    路径可以是相对或绝对的(除了MP3文件夹,这应该永远是相对于PHP脚本)。 新增这与你的网页头: 的位置。- &gt;“ [removed] 脚本&gt; 新增这与您的网页,在那里你想要的球员出现身体: 分区,其中包含的球员。- &gt;“ ...

    Save-Panel:使用此Photoshop面板快速保存jpeg

    保存到相对于当前文件的路径或相对于绝对文件的路径。 自定义文件名:将后缀/前缀添加或添加到当前文件名或完全设置文件名。 保存jpg,png或psd。 保存前应用调整大小以适合尺寸。 保存前应用自定义操作。 保存文件...

    大名鼎鼎SWFUpload- Flash+JS 上传

    整个文件上传完成之后,下一个页面才会显示,并且不能对选择的文件做预设的文件检验,例如文件大小限制,文件类型限制。当文件上传时,用户获得的可用的反馈信息很少。 传统的HTML上传模式十分简单,线性的,几乎...

    subtitlecat:结合bash和perl脚本从subtitlecat.com下载并提取原始用户上传的字幕

    用法: subtitlecat.sh &lt; URL&gt; [ &lt; output&gt; ] 第一个参数subtitlecat.com上URL 必需的第二个参数SRT文本文件的输出文件路径绝对或相对于当前工作目录可选的默认: dirpath是当前工作目录文件名是URL中最后一个删除...

    winrar3.7 Beta8

    &lt;br&gt; * WinRAR 提供了创建“固实”压缩文件的功能,这种格式相对于普通方式能 够使压缩率提高10% - 50%,当压缩大量小文件时更加显著。 &lt;br&gt; * WinRAR 提供了使用默认或外部自解压模块来创建或修改自解压...

    JAVA上百实例源码以及开源项目

     Java实现HTTP连接与浏览,Java源码下载,输入html文件地址或网址,显示页面和HTML源文件,一步步的实现过程请下载本实例的Java源码,代码中包括丰富的注释,对学习有帮助。 Java实现的FTP连接与数据浏览程序 1个...

    网管教程 从入门到精通软件篇.txt

    CHM:编译过的HTML文件 CHP:Ventura Publisher章节文件 CHR:字符集(字体文件) CHT:ChartViem文件;Harvard Graphics矢量文件 CIF:Adaptec CD 创建器 CD映像文件 CIL:Clip Gallery下载包 CIM:SimCity ...

    浅析CSS编程的外部CSS文件引用方法

    外部引用相对于内部引用和内联引用来说是高效的是节省宽带的. 外部引用是W3C推荐使用的. 外部引用CSS是最好的引入CSS的方式(可以使代码量最小,表现最统一,也是标准网页设计推荐的).内联引用(直接在HTML标签中使用)...

    JAVA上百实例源码以及开源项目源代码

     Java实现HTTP连接与浏览,Java源码下载,输入html文件地址或网址,显示页面和HTML源文件,一步步的实现过程请下载本实例的Java源码,代码中包括丰富的注释,对学习有帮助。 Java实现的FTP连接与数据浏览程序 1个...

Global site tag (gtag.js) - Google Analytics