zoukankan      html  css  js  c++  java
  • URL相对路径和URL绝对路径

       经常在页面中引用图片,html页面等,自己常常弄错相对路径和绝对路径,今天写下此文总结一下。 
       直接举例说明吧。 

      在 D:例子html下有这么几个文件和文件夹 
       
     

      1.若引用的资源和本身在同一路径下(既在同一目录下) 
          
         在example.html中引用tupian.gif 

         相对路径:<img src="tupian.gif" border="0"/> 
         绝对路径:<img src="d:/例子/html/tupian.gif" border="0"/> 

    绝对的都差不多,只说相对路径。 

    2 要引用的文件在下一级文件夹下,文件名前加子文件夹名称 
       假设info.html路径是:c:Inetpubwwwrootsiteslablainfo.html 
       假设index.html路径是:c:Inetpubwwwrootsiteslablahtml utorialsindex.html 
       在info.html加入index.html超链接的href应该这样写:html/tutorials/index.html 

    3 要引用的文件在上一级文件夹下,文件名前加../ 
        假设info.html路径是:c:Inetpubwwwrootsiteslablainfo.html 
        假设index.html路径是:c:Inetpubwwwrootsitesindex.html 
       在info.html加入index.html超链接的代码应该这样写: 
        <a href="../index.html">index.html</a> 

    举一反三:  ../表示源文件所在目录的上一级目录,../../表示源文件所在目录的上上级目录,以此类推 

    4 更复杂的情况: 
    假设info.html路径是:c:Inetpubwwwrootsiteslablainfo.html 
    假设index.html路径是:c:Inetpubwwwrootsiteshtmlindex.html 
    在info.html加入index.html超链接的代码应该这样写:<a href="../html/index.html">index.html</a> 

    5.最后一个例子 
        假设路径:D:例子htmlstyleviewpop.css 
                  D:例子htmlimagesview upian.gif  
    在css中引用这个图片:<img src="../../images/view/tupian.gif" border="0"/> 
         

  • 相关阅读:
    MySQL 有关权限的表都有哪几个?
    MyISAM 表格将在哪里存储,并且还提供其存储格式?
    你是怎么看Spring框架的?
    elasticsearch 的倒排索引是什么 ?
    主键和候选键有什么区别?
    MySQL 支持事务吗?
    可以使用多少列创建索引?
    LIKE 声明中的%和_是什么意思?
    什么是通用 SQL 函数?
    MySQL 中有哪些不同的表格?
  • 原文地址:https://www.cnblogs.com/Simon-xm/p/3917516.html
Copyright © 2011-2022 走看看