Dreamweaver相对途径和相对途径

发布时间:2017-04-17 08:34 来源:互联网 以后栏目:网页设计教程

   在HTML里只需触及文件的处所(如超等链接、图片等)就会触及相对途径与相对途径的概念。

  1.相对途径

  相对途径是指文件在硬盘上真正存在的途径。例如“bg.jpg”这个图片是存放在硬盘的“E:book网页构造代码第2章”目次下,那么“bg.jpg”这个图片的相对途径就是“E:book网页布代码第2章bg.jpg"。那么假设要应用相对途径指定网页的背景图片就应当应用以下语句:

  2.应用相对途径的缺点

  现实上,在网页编程时,很少会应用相对途径,假设应用“E:book网页布代码第2章bg.jpg”来指定背景图片的地位,在本身的计算机上浏览能够会一切正常,然则上传到Web办事器上浏览就很有能够不会显示图片了。由于上传到Web办事器上时,能够全部网站并没有放在Web办事器的E盘,有能够是D盘或H盘。即使放在Web办事器的E盘里,Web办事器的E盘里也不用定会存在“E:book网页构造代码第2章”这个目次,是以在浏览网页时是不会显示图片的。

  3.相对途径

  为了防止这类隋况产生,平日在网页里指定文件时,都邑选择应用相对途径。所谓相对途径,就是相关于本身的目标文件地位。例以下面的例子,“s1.htm”文件里援用了“bg.jpg”图片,由于“bg.jpg”图片相关于“s1.htm”来讲,是在同一个目次的,那么要在“s1.htm”文件里应用以下代码后,只需这两个文件的相对地位没有变(也就是说照样在同一个目次内),那么不管上传到Web办事器的哪个地位,在浏览器里都能精确地显示图片。

  再举一个例子,假定“s1.htm”文件地点目次为“E:book网页构造代码第2章”,而“bg.jpg”图片地点目次为“E:book网页构造代码第2章img”,那么“bg.jpg”图片相关于“s1.htm”文件来讲,是在其地点目次的“img”子目次里,则援用图片的语句应当为:

  留意:相对途径应用“/”字符作为目次的分隔字符,而相对途径可以应用“”或“/”字符作为目次的分隔字符。由于“img”目次是“第2章”目次下的子目次,是以在“img”前不消再加上“/”字符。

  在相对途径里常应用“../”来表示上一级目次。假设有多个上一级目次,可以应用多个“../”,例如“../../”代表上下级目次。假定“s1.htm”文件地点目次为“E:book网页构造代码第2章”,而“bg.jpg”图片地点目次为“E:book网页构造代码”,那么“bg.jpg”图片相关于“s1.htm”文件来讲,是在其地点目次的下级目次里,则援用图片的语句应当为:

  再举一个例子,假定“s1.htm”文件地点目次为“E:book网页构造代码第2章”,而“bg.jpg”图片地点目次为“E:book网页构造代码img”,那么“bg.jpg”图片相关于“s1.htm”文件来讲,是在其地点目次的下级目次里的“img”子目次里,则援用图片的语句应当为:

  4.相对虚拟目次

  有关相对途径还有一个比较特别的表示:“相对虚拟目次”。请看下面的例子:

  在这个例子里,background属性的值为“/img/bg.jpg”,留意在“img”前有一个“/”字符。这个“/”代表的是虚拟目次的根目次.假定把“E:book网页构造代码”设为虚拟目次,那么“/img/bg.jpg”的真实途径为“E:book网页构造代码img/bg.jpg”;假设把“E:book网页构造代码第2章”设为虚拟目次,那么“/img/bg.jpg”的真实途径为“E:book网页构造代码第2章img/bg.jpg”

  • 1、
  • 2、
  • 3、
  • 4、
  • 5、
  • 6、
  • 7、
  • 8、
  • 9、
  • 10、
  • 11、
  • 12、
  • 13、
  • 14、
  • 15、
  • 16、
  • 17、
  • 18、
  • 19、
  • 20、
  • 21、
  • 22、
  • 23、
  • 24、
  • 25、
  • 1、
  • 2、
  • 3、
  • 4、
  • 5、
  • 6、
  • 7、
  • 8、
  • 9、
  • 10、
  • 11、
  • 12、
  • 13、
  • 14、
  • 15、
  • 16、
  • 17、
  • 18、
  • 19、
  • 20、
  • 21、
  • 22、
  • 23、
  • 24、
  • 25、