HTML建立超链接

链接的基础知识

HTML中有两个元素可以用来定义链接：link和a元素

(1)link元素只能出现在HTML文档的头部(作为head的内容)，它定义了当前文档和另一个资源文件的关联。

(2)a元素只能出现在HTML文档的主体部(作为body的内容)，它定义了当前文档的某个区域和另一个资源文件的关联。

使用a元素定义超链接

定义链接的目标URI(href属性)

在a元素内添加href属性后，该元素的其实标签与结束标签之间的文本就会成为网页中的超文本内容。在浏览器窗口，单击此文本，就会切换到链接文本的目标URI。目标既可能是另一个文档，也可能是本文档的其他位置。

链接到其他网页地址，使用如下：

React功能文档

链接到电子邮件地址，使用如下：

发邮件

链接到任何类型的文件，使用如下：

链接到word文档

链接到书签，使用如下：

链接id

定义链接的目标窗口(target属性)

使用target属性可以定义链接打开的目标窗口或框架，target属性的适用值及其功能描述如下表：

属性值

功能描述

_blank

将链接的文档载入一个新的、未命名的浏览器窗口

_parent

将链接的文档载入包含该链接的框架的父框架集或窗口

_self

将链接的文档载入链接所在的同一框架或窗口

_top

将链接的文档载入整个浏览器窗口，从而删除所有框架

定义链接的提示信息(title属性)

链接id

当鼠标指针移动到链接文字上时，就会弹出一个提示框，提示title属性的值。

定义链接的关系(rel属性)

rel属性用来表示当前文档与链接文档之前的关系。例如，假定当前文档为text2.html，属性rel的值阐明了链接关系：

目录

第三章

第一章

rel的属性取值表如下：

rel的属性值

link元素效果

a、area元素效果

功能描述

alertnate

超链接

超链接

表明链接指向的文档是当前文档的一个替代版本

archives

超链接

超链接

表明链接指向的文档是一组材料的历史归档

author

超链接

超链接

表明链接指向的文档是当前文档或父级article元素内容的作者

bookmark

不允许

超链接

表明链接指向的文档是距当前元素最近的父级article元素的永久链接

external

不允许

超链接

表明链接指向的文档位于外部站点

first

超链接

超链接

如果当前文档是一系列文档中的一个，该值就表明链接指向的文档是第一个文档

help

超链接

超链接

表明链接指向的文档是当前文档的帮助和说明文档

icon

外部资源

不允许

导入一个图标来标示当前文档

index

超链接

超链接

表明链接指向的文档是为当前文档提供一个索引文档

last

超链接

超链接

如果当前文档是一系列文档中的一个，该值就表明链接指向的文档是最后一个文档

license

超链接

超链接

表明链接指向的文档是当前文档的版权说明

next

超链接

超链接

如果当前文档是一系列文档中的一个，该值就表明链接指向的文档是下一个文档

nofollow

不允许

注解

表明当前的文档作者或出版者没有批准链接所指向的文档

noreferrer

不允许

注解

当用户打开这个链接时要求浏览器不要发送HTTP Referer报头

pingback

外部资源

不允许

打开一个pingback服务器地址，处理对该文档的pingback

prefetch

外部资源

外部资源

指明何种目标资源应被预先缓存

prev

超链接

超链接

如果当前文档是一系列文档中的一个，该值就表明链接指向的文档是上一个文档

search

超链接

超链接

指定一个链接资源，使用该资源可以搜索当前文档的内容以及相关联的网页

stylesheet

外部资源

不允许

导入一个样式表

sidebar

超链接

超链接

指定链接指向的文档是被显示在浏览器的侧栏

tag

超链接

超链接

提供一个标记以标示该文档

up

超链接

超链接

表明链接指向的文档是当前文档的上下文环境

定义链接的介质(media属性)

使用media属性可以向浏览器提示链接所指向的文档适用的介质，默认值是all。

目录

media属性可取属性值如下表所示：

media属性值

功能描述

screen

预定用于非分页的计算机屏幕

tty

预定用于显示固定宽度字符的介质

tv

预定用于电视类型设备

projection

预定用于投影机

handheld

预定用于手持设备

print

预定用于分页的、不透明的材料，或屏幕上的文档打印预览模式

braille

预定用于布莱耶盲文设备

embossed

预定用于分页的布莱耶盲文设备

speech

预定用于语音合成器

all

适合于所有设备