rel

HTML <area> rel 属性

带有可点击区域的图像映射

实时编辑器

<div> <p>点击太阳或其他行星，注意变化：</p> <img src="/demo_source/planets.gif" width="145" height="126" alt="Planets" usemap="#planet_map" /> <map name="planet_map"> <area shape="rect" coords="0,0,82,126" alt="Sun" target="_blank" href="/demo_source/html/sun.html" tppabs="https://lectcode.com/demo_source/html/sun.html" rel="alternate" /> </map> </div>

<div>
  <p>点击太阳或其他行星，注意变化：</p>
  <img src="/demo_source/planets.gif" width="145" height="126" alt="Planets" usemap="#planet_map" />
  <map name="planet_map">
    <area shape="rect" 
          coords="0,0,82,126"
          alt="Sun" 
          target="_blank"
          href="/demo_source/html/sun.html" 
          tppabs="https://lectcode.com/demo_source/html/sun.html"
          rel="alternate" />
  </map>
</div>

结果

Loading...

---

定义和用法

rel 属性规定当前文档与被链接文档之间的关系。

提示

此属性纯粹是建议性的。

---

HTML 4.01 与 HTML5之间的差异

rel 属性是 HTML5 中 <area> 标签新增的属性。

---

语法

<area rel="*value*">

属性值

值	描述
alternate	文档的替代版本（比如打印页、翻译或镜像）。
author	链接到文档的作者。
bookmark	用于书签的永久网址
help	链接到帮助文档
license	链接到文档的版权信息。
next	选项中的下一个文档
nofollow	nofollow 是一个HTML标签的属性值。这个标签的意义是告诉搜索引擎"不要追踪此网页上的链接"或"不要追踪此特定链接。
noreferrer	如果用户点击链接指定浏览不要发送 HTTP referer 头部信息。
prefetch	指定的目标文件应该被缓存
prev	选项中的前一个文档
search	文档链接到搜索工具
tag	当前文档的标签(关键词)

---

浏览器兼容性

	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on iOS	Samsung Internet	WebView Android
rel