HTML通过href实现页面跳转的几种不同路径写法

Html中利用a标签实现页面跳转是很常见的操作，但是其中的href怎么填却需要小心点。绝对路径，相对路径到底有什么区别，这一节我们一起用实例来看看。

我是T型人小付，一位坚持终身学习的互联网从业者。喜欢我的博客欢迎在csdn上关注我，如果有问题欢迎在底下的评论区交流，谢谢。

测试环境

不同的浏览器也许前端的表现不太一样，我的环境是
Chrome Version 80.0.3987.122 (Official Build) (64-bit)

准备了一个网页，url为

http://127.0.0.1:8000/two/companies/

其中有一个a标签内容如下，href还没有填

<a href="">小付公司的员工列表</a>

跳转的三种方式

同网站相对路径

如果这样配置a标签

<a href="xiaofu/">小付公司的员工列表</a>

点击链接后会跳转到

http://127.0.0.1:8000/two/companies/xiaofu/

这是一种同网站的相对路径，开头不加斜线，表示相对于当前url的路径。

同网站绝对路径

如果这样配置a标签

<a href="/xiaofu/"