网页中的三种地址详解

网页中的a标签具有地址跳转的功能，href属性指向跳转的地址。

一、三种地址模式

网络地址分为两种，一种是绝对地址，一种是相对地址。
但是相对地址又可以细分为两种，一种是基于当前目录的相对地址，一种是基于服务器根目录的相对地址。

二、三种地址详解

以下做一个详细介绍：

绝对地址是带有http头部的网络地址（注意，这里是一定需要带有网络协议头部的，否则会被当成相对地址），例如：http://lancelot_lewis.coding.me/
当前目录相对地址就是指根据当前目录去判断a链接中地址的具体位置。例如：http://lancelot_lewis.coding.me/categories/ 这个目录下有5个子目录，其中一个子目录为Js：http://lancelot_lewis.coding.me/categories/Js/ ，另外一个子目录为Html：http://lancelot_lewis.coding.me/categories/Html/ ，如果想从Js的目录跳转到Html中，Js页面中可以添加一个这样的标签：（../表示回到上一目录）

<a href="../Html">Html目录</a>

服务器根目录相对地址就是指根据服务器的根目录去判断a链接中地址的具体位置，例如：http://lancelot_lewis.coding.me/2016/04/30/blog/hexo-coding/ 这个地址是一篇博文，另外一个地址：http://lancelot_lewis.coding.me/2016/05/11/blog/hexo-guestbook/ 也是一篇博文。假设现在我需要在第一篇博文中添加一个第二篇博文的地址，如果我使用当前目录相对地址的方式，就是这样：../../../05/11/blog/hexo-guestbook/，冗长并且需要自己清楚当前处于哪个目录，过于麻烦，并且不同的目录下这个地址还会不一样；而如果使用服务器目录相对地址就是：/2016/05/11/blog/hexo-guestbook/这里就只需要关注每一篇博文的地址，最前面使用一个/表示服务器根目录即可，这个地址就能够在博客的任意页面中使用。

三、使用场景

详细介绍讲完了，再来讲讲每一种地址的具体使用场景。

绝对地址：绝对地址一般都是使用在跨域名的场景之中，在一个域名下的网页需要跳转到另一域名下的网页，在这里其实也只能使用绝对地址。
当前目录相对地址：一般适用于页面结构不会改动的页面中的a标签和只属于某一页面的js跳转中。
服务器根目录相对地址：使用范围包括了当前目录相对地址，适用于同一域名下的所有网页和js文件中的跳转。而且尽量使用该地址代替当前目录绝对地址，好处就在于，如果网页页面的结构有变，或者是编写的js脚本会重用在多个不同的页面，服务器相对地址就是你首要解决方案。

四、总结

跨域名的情况下使用绝对地址
尽量使用服务器根目录相对地址而不是当前目录相对地址
多编程找到合适自己的代码实践

附上个人博客对应博文地址：
http://lancelot_lewis.coding.me/2016/07/08/html/network-address/

网页中的三种地址详解相关推荐

分布式事务中的三种解决方案详解(转载)
一.分布式事务前奏快看小说网事务:事务是由一组操作构成的可靠的独立的工作单元,事务具备ACID的特性,即原子性.一致性.隔离性和持久性. 本地事务:当事务由资源管理器本地管理时被称作本地事务.本地事 ...
mysql 删除数据表中数据_Mysql-删除数据表-三种方式详解
Mysql 删除数据表的三种方式详解用法: 1.当你不再需要该表时, 用 drop; 2.当你仍要保留该表,但要删除所有记录时, 用 truncate; 3.当你要删除部分记录或者有可能会后悔的话, ...
Maven精选系列--三种仓库详解
转载自 Maven精选系列--三种仓库详解仓库分类 1.本地仓库本地仓库就是开发者本地已经下载下来的或者自己打包所有jar包的依赖仓库,本地仓库路径配置在maven对应的conf/settings ...
查看登陆系统用户的信息的三种方法详解
查看登陆系统用户的信息的三种方法详解作者:尹正杰版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.who这个命令显示可以谁在登陆,但是这个有很多的花式玩法,这个命令超简单语法:who [O ...
python 命令-python解析命令行参数的三种方法详解
这篇文章主要介绍了python解析命令行参数的三种方法详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 python解析命令行参数主要有三种方法: ...
C语言求最大公约数三种方法详解
C语言求最大公约数三种方法详解题目要求常用写法(穷举法) 辗转相减法辗转相除法 main函数整体代码题目要求运行最大公约数的常用算法,并进行程序的调式与测试. 常用写法(穷举法) 从两个数 ...
新浪微博怎么推广引流,微博推广引流的三种方法详解
新浪微博怎么推广引流,微博推广引流的三种方法详解,#推广#营销微博营销有哪些特点?#百收网SEO@千行助推大家好,上一次内容讲了生意人如何将客户引流到自己的微信上去,受到很多朋友的喜爱,那么这一期 ...
eclipse java 逆向工程_Mybatis 逆向工程的三种方法详解
Mybatis 逆向工程逆向工程通常包括由数据库的表生成 Java 代码和通过 Java 代码生成数据库表.而Mybatis 逆向工程是指由数据库表生成 Java 代码. Mybaits 需要程 ...
全站仪与计算机之间的数据传输,必看！全站仪数据传输的三种方式详解，都安排得明明白白（上）...
原标题:必看!全站仪数据传输的三种方式详解,都安排得明明白白(上) 科力达全站仪数据传输一般而言,全站仪的数据传输方式有三种,分别是通过串口.USB.SD卡三种方式,因为电脑配置等因素的不同,一些数 ...

网页中的三种地址详解

一、三种地址模式

二、三种地址详解

三、使用场景

四、总结

网页中的三种地址详解相关推荐

最新文章

热门文章