数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化学
生物
数学
英语
经济
心理学
社会科学
时尚研究
法律研究HTMLrel 属性
<area> 元素的 rel 属性用于设置当前文档与链接文档之间的关系。此属性是 HTML5 中为 <area> 元素引入的。
以下是语法 −
<area rel="value">
上述值可以是以下指向任意内容的选项 −
- alternate：文档的替代版本，例如，用于打印。
- author：文档的作者
- bookmark：用于书签的永久 URL
- help：帮助文档
- license：版权信息
- next：一个选中内容中的下一个文档
- nofollow：链接到一个您不希望 Google 索引遵循的链接。
- noreferrer：指定如果用户遵循超链接，浏览器不应发送 HTTP 来路标头
- prefetch：指定应缓存目标文档
- prev：一个选中内容中的上一个文档
- search：链接到一个文档的搜索工具
- tag：当前文档的一个标签
现在让我们看一个示例来实现 <area> 元素的 rel 属性 −
示例
<!DOCTYPE html> <html> <body> <h2>Learning</h2> <p>Learn these technologies with ease....</p> <img src = /images/usemap.gif alt = "usemap" border = "0" usemap = "#tutorials"/> <map name = "tutorials"> <area shape = "poly" coords = "74,0,113,29,98,72,52,72,38,27" href = "/perl/index.htm" alt = "Perl Tutorial" target = "_blank" rel="alternate"/> <area shape = "rect" coords = "22,83,126,125" alt = "HTML Tutorial" href = "/html/index.htm" target = "_blank" /> <area shape = "circle" coords = "73,168,32" alt = "PHP Tutorial" href = "/php/index.htm" target = "_blank" /> </map> </body> </html>
输出
在上例中，我们已将地图设置在此图像上 −
<img src = /images/usemap.gif alt = "usemap" border = "0" usemap = "#tutorials"/>
现在，我们已为此形状设置地图和地图中区域 −
<map name = "tutorials"> <area shape = "poly" coords = "74,0,113,29,98,72,52,72,38,27" href = "/perl/index.htm" alt = "Perl Tutorial" target = "_blank" rel="alternate"/> <area shape = "rect" coords = "22,83,126,125" alt = "HTML Tutorial" href = "/html/index.htm" target = "_blank" /> <area shape = "circle" coords = "73,168,32" alt = "PHP Tutorial" href = "/php/index.htm" target = "_blank" /> </map>
在上面，我们已为此备用版本设置关系 −
rel="alternate"
更新于: 30-Jul-2019
141 浏览量
广告