HTML href路径的不同路径的写法及其含义

做web开发时,可能时常会因文件路径的变化而不停地修改链接内容路径,故为了统一管理,现介绍不同的路径书写方法,提高开发效率。

1.(无) 开头的表示当前录下

如 在文件index.html中有一个链接如<a href=”1.html”>…表示在当前index.html所在的目录查找1.html文件

2.(/)开头的目录表示该目录为根目录的一个子目录

如在文件eg.html中有一个链接<a href=”/1.htm”>… 这样无论eg.html存在于任何目录下,都是在该网站的根目录下查找引文件,例如本网站域名为www.bytekits.com,则<a href=”/1.htm”>就相当于 http://www.bytekits.com/1.htm

3.(./)开头的目录表示该目录为当前目录(当前目录所在的目录)的一个子目录 和1一致

4.(../)开头的目录表示该目录为当前目录的父目录

在当前文件所在目录的上一级文件中查找此文件,例如eg.html在目录php下,php在web目录下

web/php/eg.htm

web/test.htm

则eg.htm中有一链接<a href=”../test.html”>则指的就是 web/test.htm

5.(//)开头的目录表示和当前页面使用同一种协议http/https

例如eg.html中有一链接,其网址采用http://www.bytekits.com/eg.htm,则在其链接中有<a href=”//www.bytekits.com/1.htm”>则因eg.htm采用的是http格式,故打开1.htm采用的是http://www.bytekits.com/1.htm,而假如某天本网站的eg.htm变成了https了,其也自动变成了https了

取消
感谢您的支持,我会继续努力的!
扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

Powered by bytekits.com,汇天下文字,成非凡梦想!!!