web应用程序功能强大就在于它的超链接(HyperLink),比如在a页面保存指向b页面的链接地址(也就是URI),但问题就恰恰出在了这里,如何正确引用一个文件。比如,怎样在一个HTML网页中引用另外一个HTML网页作为超链接(hyperlink)
搞java web开发也有1年多了,免不了要写写html或者jsp页面什么的,而web应用程序功能强大就在于它的超链接(Hyper Link),比如在a页面保存指向b页面的链接地址(也就是URI),但问题就恰恰出在了这里,如何正确引用一个文件。比如,怎样在一个HTML网页中引用另外一个HTML网页作为超链接(hyperlink)?怎样在一个网页中插入一张图片?......
加上struts中相对路径也是大行其道,一不小心很容易搞混淆。

如果在引用文件时(如加入超链接,或者插入图片等),使用了错误的文件路径,就会导致引用失效(无法浏览链接文件,或无法显示插入的图片等)。

为了避免这些错误,正确地引用文件,特地写下来而者的区别与用法,将来也可查询。

HTML有2种路径的写法:相对路径和绝对路径

HTML相对路径(relative path)
同一个目录的文件引用
如果源文件和引用文件在同一个目录里,直接写引用文件名即可。

我们现在建一个源文件info.HTML,在info.HTML里要引用index.HTML文件作为超链接。

假设info.HTML路径是:d:tomcatwebappshelloblablainfo.HTML
假设index.HTML路径是:d:tomcatwebappshelloblablaindex.HTML
在info.HTML加入index.HTML超链接的代码应该这样写:

 
<a href = "index.HTML">index.HTML</a>

如何表示上级目录
../表示源文件所在目录的上一级目录,../../表示源文件所在目录的上上级目录,以此类推。

假设info.HTML路径是:d:tomcatwebappshelloblablainfo.HTML
假设index.HTML路径是:d:tomcatwebappshelloindex.HTML
在info.HTML加入index.HTML超链接的代码应该这样写:

 
<a href = "../index.HTML">index.HTML</a>

假设info.HTML路径是:d:tomcatwebappshelloblablawowstoryinfo.HTML
假设index.HTML路径是:d:tomcatwebappshelloindex.HTML
在info.HTML加入index.HTML超链接的代码应该这样写:

 
<a href = "../../index.HTML">index.HTML</a>

假设info.HTML路径是:d:tomcatwebappshelloblablainfo.HTML
假设index.HTML路径是:d:tomcatwebappshellowowstoryindex.HTML
在info.HTML加入index.HTML超链接的代码应该这样写:

 
<a href = "../wowstory/index.HTML">index.HTML</a>

如何表示下级目录
引用下级目录的文件,直接写下级目录文件的路径即可。

假设info.HTML路径是:d:tomcatwebappshelloblablainfo.HTML
假设index.HTML路径是:d:tomcatwebappshelloblablaHTMLindex.HTML
在info.HTML加入index.HTML超链接的代码应该这样写:

 
<a href = "HTML/index.HTML">index.HTML</a>

假设info.HTML路径是:d:tomcatwebappshelloblablainfo.HTML
假设index.HTML路径是:d:tomcatwebappshelloblablaHTMLtutorialsindex.HTML
在info.HTML加入index.HTML超链接的代码应该这样写:

 
<a href = "HTML/tutorials/index.HTML">index.HTML</a>

HTML绝对路径(absolute path)
HTML绝对路径(absolute path)指带域名的文件的完整路径。

假设注册了域名www.lovean.com,并申请了虚拟主机,拟主机提供商会给一个目录,比如www,这个www就是网站的根目录。

假设在www根目录下放了一个文件index.HTML,这个文件的绝对路径就是: http://www.lovean.com/index.html.

假设在www根目录下建了一个目录叫HTML_tutorials,然后在该目录下放了一个文件index.HTML,这个文件的绝对路径就是http://www.lovean.com/article/32759.htm。
最新资讯
杨元庆:联想5G标准必要专利突破千件 新技术架构“春山可望”

杨元庆:联想5G标准必要

联想集团董事长兼CEO杨元庆今日表示,联想在5G领域申请
爱彼迎称计划在纳斯达克交易所上市

爱彼迎称计划在纳斯达

房屋短租初创公司爱彼迎(Airbnb)周二表示,计划在纳斯达克
原始黑洞是否可能是暗物质?

原始黑洞是否可能是暗

英国著名物理学家斯蒂芬·霍金提出过一个观点:看不见的
“智慧药片”存在吗?未来喝下神奇药片或将变成“超人”!

“智慧药片”存在吗?未

如果有一种方法可以突破极限,实现能力无限呢?如果有种神
地球上的生命:我们可能要感谢月球现已不复存在的磁场

地球上的生命:我们可

一项新研究表明,大约40亿年前生命正孕育之时,月球上的磁
乐视控股所持大圣科技股权被拍卖 广汽集团成唯一竞买人

乐视控股所持大圣科技

几经波折,乐视控股(北京)有限公司(下称乐视控股)的资产近日
最新文章
浅析html webpack plugin插件的使用教程

浅析html webpack plu

这篇文章主要介绍了html webpack plugin插件的使用教
HTML转PDF的纯客户端和纯服务端实现方案

HTML转PDF的纯客户端

这篇文章主要介绍了HTML转PDF的纯客户端和纯服务端实
HTML行内元素与块级元素有哪些及区别详解

HTML行内元素与块级元

这篇文章主要介绍了HTML行内元素与块级元素有哪些及区
html+css 实现图片右上角加删除叉、图片删除按钮

html+css 实现图片右

这篇文章主要介绍了html+css 实现图片右上角加删除叉
详解iframe的src指向的内容不刷新的解决办法

详解iframe的src指向

这篇文章主要介绍了详解iframe的src指向的内容不刷新
浅析HTML 悬浮float的用法

浅析HTML 悬浮float的

float的用途比较广, 本文主要给大家介绍HTML 悬浮floa