HTML超链接<a>标签的用法（附带实例）

HTML5 标准的解释中，<a> 标签（anchor）主要用于定义超链接（Hyperlink），常用的属性包括：

href 属性：定义链接的目标；
target 属性：指定打开资源的位置，默认值是 "_self"，即在浏览器当前窗口或标签中打开；另一个常用的值是 "_blank"，会在新的浏览器窗口或标签中打开。

执行如下代码会创建一个链接到作者个人网站的 a 标签：

<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<a href="https://c.biancheng.net" target="_blank" title="C语言中文网">
作者的网站
</a>
</body>
</html>

打开页面后，可以观察链接颜色的变化，如默认情况下显示为蓝色，已经打开过的链接显示为紫色。

<a> 标签的 title 属性设置一些提示内容，当鼠标指针悬停在链接上时就会显示这些内容，不过，这一功能在触屏设备上同样是无法工作的。

此外，<a> 标签除了创建链接，还可以有一些特殊的功能。

例如，在 href 属性中使用“mailto:”前缀，可以设置一个电子邮箱地址，单击后会打开默认的电子邮件处理程序撰写新邮件，如下面的代码。

<a href="123xxx@qq.com" target="_blank">给作者发邮件</a>

在 href 属性中使用“javascript:”前缀，可以直接定义 JavaScript 代码，如下面的代码：

<a href="javascript:alert('Hello,A element.');">消息对话框</a>

单击此链接会弹出如下图所示的消息对话框：

HTML超链接<a>标签的用法（附带实例）

相关文章