Web前端开发，HTML超链接标签，不懂的可以学习一下

myzbx 2025-01-26 23:27 28 浏览

一、什么是HTML的超链接

大家平时浏览的网页中都可以找到链接。点击链接就可以从一个页面跳转到另一个页面。

HTML超链接可以是一个字，一个词，或者一组词，也可以是一幅图像。可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

当您把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手，表示当前有超链接。

我们通过使用 <a> 标签（anchor的缩写）在 HTML 中创建链接。超链接是写在<a>和</a>之间的内容。如：

<p>我是一个段落<a>我是一个超链接</a></p>

1、通过使用 href 属性 - 创建指向另一个文档的链接

href属性是hypertext reference的缩写，当超链接被点击的时候，哪个页面被打开，如：

<a href="">今日头条</a>

href属性要写在开始标签中，可以为标签添加额外的功能和信息。

2、通过使用 target 属性 - 当超链接被点击的时候，新页面将在什么地方被打开，如：

<a href="" target="_blank">今日头条</a>

_blank：在浏览器的新窗口中打开页面

_self：在当前窗口中打开页面，替换原来的页面，_self为target属性的默认值

1、绝对路径

<a href="">今日头条</a>

代码中的URL地址为绝对路径，向一个特定的服务器上的文件发送请求。

绝对路径总是包含协议和服务器，所以当想要连接到其他网站或者服务器上的时候，通常都是使用绝对路径。

2、相对路径

<a href="steven.html" target="_blank">今日头条</a>

代码中的steven.html为相对路径，相对路径从来不包含协议和服务器。

如果不包含协议或服务器，浏览器会假设协议和服务器与发出请求的页面相同。所以当要连接的网页在相同的服务器上时，通常会使用相对路径。