简介

属性（ attribute ）是一份与标签关联的额外信息，用于提供关于标签的进一步的详细信息。例如， <a> 标签的 href 属性用于确定你将链接到的页面的地址。

相对地址（ relative address ）描述了从一个 Web 页面到另一个 Web 页面的路径，而不是完整的（或绝对的 [absolute] ） Internet 地址。

链接的类型

根据目标端点的内容，可将链接分成以下 5 种类型。

• 内部链接
• 外部链接
• 书签（锚点）链接
• 脚本链接
• 文件下载链接

anchor 页面内

<a> 标签通常使用 href 属性来指定超链接的目标。 <a href> 就是你单击的位置， <a id> 则是你单击时所转到的位置。

链接到外部

链接到自己站点内的页面与链接到外部内容之间的唯一区别是，当链接到站点外部的内容时，将需要包括该内容的完整地址。完整的地址包括： http:// 、域名和文件的完整路径名（如 HTML 文件、图像文件、多媒体文件等）。

链接到电子邮件地址

scheme://host[:post]/path/filename

其中， scheme 指的是 http 、 ftp 、 file 、 mailto 、 news 、 gopher 、 telnet 等 7 种协议； host 指的是 IP 地址或计算机名称； post 指的是服务器端口； path 指的是文件路径； filename 指的是文件名。

基本结构： mailto ： + 邮件地址 +?+subject=+ 邮件主题。

邮件链接设置基本语法如下：

<a href="mailto: 邮址 1?subject=content&cc= 邮址 2&bcc= 邮址 3">[内容]</a>

语法说明：邮址 1 代表收件人邮箱地址， subject 属性用于设置邮件主题， cc 属性用于设置抄送邮箱地址， bcc 属性用于设置暗抄送邮箱地址。注意：" ? "和" & "两个符号后面都不能包含空格。

设定浏览环境

• _self ：当前窗口打开新页面，是默认目标的打开方式
• _blank ：创建新窗口打开新页面，浏览器总在一个新打开、未命名的窗口中载入目标文档
• _top ：在浏览器的整个窗口打开，将会忽略所有的框架结构
• _parent ：在上一级窗口打开，如果这个引用是在窗口或者在顶级框架中，那么它与目标 _self 等效
• frameName ：在指定的框架中打开被链接文档

其方法是在 mailto 链接中添加 subject 和 body 变量，利用问号（ ? ）把变量与电子邮件地址分隔开，然后利用"与"符号（ & ）把每个变量 / 值对分隔开。

一个小技巧即可挫败许多（但是并非全部）垃圾邮件发送者。这个技巧涉及使用字符实体编码电子邮件地址，它可以迷惑试图从 Web 页面中获取电子邮件地址的 scraper 程序。例如，考虑电子邮件地址 letmiseesee@gmail.com。如果利用对应的字符实体替换地址中的字母，将使一些电子邮件获取程序不知所措。小写的 ASCII 字符实体开始于" a "，用于字母" a "，然后按字母表的顺序递增。例如，字母" j "是" &#106 "， c 是" &#99 "，依此类推。

在新的浏览器窗口中打开链接

通过 target 属性指定新打开的页面的打开方式。

base

<base> 中设置的 URL 可以是引用文件路径前面部分的任意内容 <base href="..." target="..."/>

脚本链接

脚本链接，指的是使用脚本作链接目标端点的链接。通过脚本可以实现 HTML 语言完成不了的功能。

文件下载链接

当链接的目标文档类型属于 .doc 、 .mp3 、 .rar 、 .zip 、 .exe 等时，可以获得文件下载链接。要创建文件下载，只要在链接地址处输入前述类型的文件路径即可。当用户单击链接后，浏览器会自动判断文件类型，做出不同情况的处理。

图像映射

图像映射是指源端点为图片热区的链接。一幅图像可以被切分成不同的区域，每一个区域可以链接到不同的地址，这些区域称为图像的热区。

• <img> 标签中的 use map 属性用于激活映射
• <map> 标签用于定义图像映射中包含热点的映
• <area> 标签用于在图像映射中定义一个热区，其包含了 3 个必须设置的属性： href 、 shape 和 coords
• href 属性用于设置每个热区的链接路径
• shape 属性设置热区形状。图像映射包括 3 种形状的热区：矩形、圆形和多边形
• coords 属性设置热区坐标，热区形状决定了 coords 的取值

图像热点

区域定义链接。定义图像热点，需要用到 <map> 和 <area> 配合。

• <map> 定义热点区域，定义热点区域的 ID ，或者定义可选的 name 属性。也可以作为一个句柄，与热点图像进行绑定 <img>的 usemap 属性可以引用 <map> 中的 id 或 name 属性（根据浏览器），所以应同时向 <map> 添加 id 和 name 属性，并设置为相同的值

• <area> 定义图像映射中的区域， area 元素必须嵌套在 map 中。该标签必须包含一个设有属性的 alt ，定义热点区域的替代文本，该标签还包含多个可选属性