SEO中国站 | SEO有问必答      SEO中国站专注为企业提供搜索引擎优化(SEO)服务,中国SEO服务诚信高效品牌      关于我们 | 客户服务 | 联系方式 | 加入收藏 | RSS订阅
SEO中国站专业为中小型企业提供SEO服务搜索引擎优化中国SEO在线诚信服务平台,如需更多咨询和交流,请点击客户服务中心交谈!
域名主机 网络安全 网站运营HTML/DIV+CSS ASP/ASP.NET PHP编程 Access/Mysql
返回首页
当前位置: 首页 > 网站建设 > HTML/DIV+CSS >

HTML相对路径和绝对路径-第六节

时间:2010-03-08 12:20来源:SEO中国站 作者:seocnz 点击:
HTML有两种路径的写法: 相对路径 和 绝对路径 。 HTML相对路径(Relative Path) 同一个目录的文件引用 如果源文件和引用文件在同一个目录里,直接写引用文件名即可。 我们现在建一个源文件info.html,在info.html里要引用index.html文件作为超链接。 假设inf
  

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

 

HTML相对路径(Relative Path)

同一个目录的文件引用

如果源文件和引用文件在同一个目录里,直接写引用文件名即可。

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

假设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>

 

如何表示上级目录

../表示源文件所在目录的上一级目录,../../表示源文件所在目录的上上级目录,SEO中国站告诉你以此类推。

假设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>

 

假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html
假设index.html路径是:c:\Inetpub\wwwroot\index.html
在info.html加入index.html超链接的代码应该这样写:
 

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

 

假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html
假设index.html路径是:c:\Inetpub\wwwroot\sites\wowstory\index.html
在info.html加入index.html超链接的代码应该这样写:
 

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

 

如何表示下级目录

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

假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html
假设index.html路径是:c:\Inetpub\wwwroot\sites\blabla\html\index.html
在info.html加入index.html超链接的代码应该这样写:
 

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

 

假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html
假设index.html路径是:c:\Inetpub\wwwroot\sites\blabla\html\tutorials\index.html
在info.html加入index.html超链接的代码应该这样写:
 

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

 

HTML绝对路径(Absolute Path)

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

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

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

假设你在www根目录下建了一个目录叫SEO_fuwu,然后在该目录下放了一个文件index.html,这个文件的绝对路径就是http://www.seoczn.com/html/SEO_fuwu/index.html

 

文章出处:www.seocnz.com
SEO中国站专注企业SEO服务SEO优化,中国SEO诚信服务品牌。
本文seocnz保留所有,转载请以连接形式注明出处。


------分隔线----------------------------

------分隔线----------------------------
发表评论
请自觉遵守互联网相关政策法规,作者管理后台可以删除恶意评论、广告和违禁词语。。
验证码:点击我更换图片
推荐内容
  • CSS长度单位参考

    在CSS样式表中,我们经常会看到pt, px,em,ex,in等这类长度单位。它们各是什么意思...

  • CSS属性参考

    SEO 中国站所知,该CSS属性参考是根据W3C的CSS2标准的属性参考说明和微软的CSS属性参...

  • CSS伪类(pseudo-class)

    和一般的CSS语法不同(参见 SEO中国站 CSS语法),CSS伪类的语法有两种。 第一种: sele...

  • CSS列表属性(list-style)

    列表样式类型属性(list-style-type) 这个属性用来设定列表项标记(list-item marker)的...

  • CSS盒子模式(Box Model)

    SEO 中国站详细介绍下,什么是盒子模式,在CSS 中有个重要的概念,就是盒子模式 (Box ...

  • CSS间隙属性(padding)

    间隙属性(padding)是用来设置元素内容到元素边界的距离。 左间隙属性(padding-left) ...

SEO服务