关于页面文件路径的问题

  在html中的文件引用或页面间跳转的时候经常出现因为路径引起的多种问题,比如图片找不到,js文件找不到,css找不到,或者页面跳转找不到页面等系列问题。

  针对这类问题,可参考如下解决办法:

  比如图片引用:

  <img src="images/head.gif" />  表示从当前目录中的images文件夹中查找head.gif文件;

  <img src="../images/head.gif" /> 表示从当前目录的上级目录的images文件夹中查找head.gif文件;

  <img src="http://images.cnblogs.com/head.gif" /> 表示从站点根目录的images文件夹中查找head.gif文件;

  

  还有一种在html中的head中添加如下代码,来实现整个页面都从指定的url中查找文件,比如:

  

代码
<HTML>
<HEAD>
<BASE HREF="http://msdn.microsoft.com/workshop/author/dhtml/reference/"/>
</HEAD>

<BODY>
Click 
<HREF="properties/href_2.asp">here</A> to learn about the
href property.
</BODY>
</HTML>

base的定义是:

指定一个显式 URL 用于解析对于外部源的链接和引用,如图像和样式表。

当然指定的href可以是外部的url也可以本站点的url.

原文地址:https://www.cnblogs.com/qqflying/p/1620858.html