HTML <area> 标签的 rel 属性 详解
HTML基础 2022-06-02 11:57:56小码哥的IT人生shichen
HTML <area> 标签的 rel 属性
实例
使用 rel 属性规定当前文档和链接文档之间的关系：
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.html" rel="alternate">
</map>
完整实例【亲自试一试】：
<!DOCTYPE html>
<html>
<body>
<h1>area rel 属性</h1>
<p>点击太阳，近距离观察它：</p>
<img src="/i/eg_planets.jpg" border="0" usemap="#planetmap" alt="Planets" />
<map name="planetmap" id="planetmap">
<area shape="rect" coords="0,0,110,260" alt="Sun" href ="/demo/example/html/sun.html" rel="alternate" />
</map>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
rel 属性规定当前文档和链接文档之间的关系。
仅在存在 href 属性时使用。
浏览器支持
| 属性 | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| rel | Yes | Yes | Yes | Yes | Yes |
语法
<area rel="value">
属性值
| 值 | 描述 |
|---|---|
| alternate | 链接到文档的替代版本（例如打印页、翻译或镜像）。 |
| author | 指向文档作者的链接。 |
| bookmark | 用作书签的永久 URL。 |
| help | 指向帮助文档的链接。 |
| license | 指向文档版权信息的链接。 |
| next | 集合中的下一个文档。 |
| nofollow |
指向未经认可的文档的链接，例如付费链接。 （Google 使用 "nofollow" 来规定 Google 搜索蜘蛛不应跟随该链接） |
| noreferrer | 规定如果用户点击超链接，浏览器不应发送 HTTP 引用标头。 |
| prefetch | 规定应缓存目标文档。 |
| prev | 集合中的上一个文档。 |
| search | 指向文档搜索工具的链接。 |
| tag | 当前文档的标签（关键字）。 |
