HTML超链接标签<a>

1年前 (2024-04-27)

在 HTML 中，我们使用 <a> 标签来表示超链接。

超链接（Hyperlink）通常简称为链接（Link），是指从一个网页指向另一个目标的连接关系，这个目标可以是另一个网页，也可以是当前网页中的其它位置，还可以是图片、文件、应用程序等。链接的两端分别称为源锚点和目标锚点，通过点击源锚点即可以跳转到目标锚点。

超链接是网页中最常见的元素之一，整个互联网都是基于超链接而构建的。网站由众多网页构成，超链接使得网页之间不再独立，它就像一根线，把网页连接在一起，形成一个网状结构。互联网之所以能够称之为“网”，就是因为有超链接的存在。

<a> 标签的语法格式如下：

其中，href 属性用来指明要跳转到的 url，target 属性用来指明新页面的打开方式，链接文本需要写在 <a> 和 </a> 之间。

例如，链接到C语言中文网首页，并在浏览器新窗口中打开：

<a href="http://c.biancheng网站站点" rel="nofollow"  /> 
<a href="http://c.biancheng网站站点" rel="nofollow"  />   
<a href="http://c.biancheng网站站点" rel="nofollow"  />  蓝色，超链接被点击之后变成紫色。超链接默认带有下划线，下划线颜色和文本颜色保持一致。 

浏览器根据历史记录来判断超链接是否被点击过，如果 href 属性和历史记录中的某条 URL 重，那么说明该链接被点击了。清空浏览器的历史记录会让超链接的颜色再次变回蓝色。

【示例】HTML 超链接的多种形式：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HTML &lt;a&gt;标签演示</title>
</head>
<body>
<p>
<a href="http://c.biancheng网站站点" rel="nofollow"  />   
图1：HTML 超链接演示

HTML超链接标签&lt;a&gt;

HTML超链接标签<a>