超链接是网站中使用非常频繁的一种HTML元素,网站中的多个网页就是通过超链接实现了页面间的相互跳转。下面将详细介绍HTML中超链接的使用方法。
超链接用<a>标签来表示,其基本语法如下所示:
其中href属性用于指定链接目标,链接目标可以是另一个文档的位置,也可以是当前文档的书签,也称为锚。开始标签和结束标签之间的部分是超文本链接的内容。
在超链接中,name属性规定锚的名称。name属性用于创建HTML内部的书签。书签不会以任何特殊方式显示,它对读者是不可见的。当使用命名锚时,我们可以创建直接跳至页面中某个节的链接,这样就可以非常方便地为页面创建目录。
<a>元素的target属性用于指定在何处打开链接文档。如果在一个<a>标签内包含一个target属性,浏览器将会载入和显示用这个标签的href属性命名的、名称与这个目标吻合的框架或者窗口中的文档。如果这个指定名称或id的框架或者窗口不存在,浏览器将打开一个新的窗口,给这个窗口一个指定的标记,然后将新的文档载入这个窗口。从此以后,超链接文档就可以指向这个新的窗口。
target属性有4个保留的目标名称用作特殊的文档重定向操作,这4个值分别如下。
(1)_blank:浏览器总在一个新打开、未命名的窗口中载入目标文档。
(2)_self:这个目标的值对所有没有指定目标的<a>标签是默认的,它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的,除非和文档标题<base>标签中的target属性一起使用。
(3)_parent:这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者顶级框架中,那么它与目标_self等效。
(4)_top:这个目标使得文档载入包含这个超链接的窗口,用_top目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。
需要注意的是,这些值都是以下划线开头的,所以在设置target窗口或目标时,不能以下划线为开头设置任何框架的name或id的值,否则浏览器将忽略这些字符。
<a>标记的id属性可用于创建一个HTML文档的书签标记。例如下面这段代码:
在这段代码中,一个页面设置了多个标题,每个标题下面都有一段文字,文字的后面是3个超链接,它们的href属性分别指向3个标题的id属性值,这样就在HTML文档中创建了书签标记,点击对应的超链接就可以在页面中跳转到对应的标题。为了让页面中跳转的效果更加明显,添加了很多的<br>标签。效果如图4.25所示。
图4.25
以上介绍的都是为文字创建超链接,除了文字以外,还可以为图片创建超链接。创建图片超链接的方法与创建文字超链接的方法大同小异,将<a>元素的内容部分换成<img>标签即可。例如下面这段代码:
创建图片链接其实就是在网页中插入一个图像,然后再给这个图像创建一个超链接的过程。
电子邮件链接是指当用户点击页面中的一个超链接时,将会启动电子邮件客户端程序。例如下面这段代码:
当用户点击“跟我联系”这个超链接时,将会启动电子邮件客户端程序,新建一封准备发往zhangsan@163.com的电子邮件,此时收件人地址默认为zhangsan@163.com。
这里需要注意的是,只有当用户的电脑安装了电子邮件客户端程序才能使用该功能。