数据结构
网络
关系型数据库管理系统
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 语言编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
服装设计
法律研究HTML标签
HTML 中的 area 标签用于在图像地图中设置区域。
以下是属性：
| 属性 | 值 | 描述 |
|---|---|---|
| alt | 文本 | 指定区域的替代文本。 |
| coords | 如果 shape = "rect"，则 coords = "left, top, right, bottom" 如果 shape = "circ"，则 coords = "centerx, centery, radius" 如果 shape = "poly"，则 coords = "x1, y1, x2, y2,..,xn, yn" | 指定与 shape 属性相对应的坐标，以定义图像地图中图像的区域。 |
| download | 文件名 | 指定当用户点击超链接时下载的目标。 |
| href | URL | 指定链接指向的页面 URL 或锚点的名称。 |
| hreflang | 语言代码 | 指定目标 URL 的语言。 |
| media | 媒体查询 | 指定目标 URL 优化的媒体/设备。 |
| nohref | true/false | 从图像地图中排除区域 |
| rel | alternate author bookmark help license next nofollow noreferrer prefetch prev search tag | 指定当前文档与目标 URL 之间的关系 |
| shape | rect 矩形 circ 圆形 poly 多边形 | 指定图像地图的形状 |
| target | _blank _parent _self _top | 在何处打开目标 URL。 _blank - 目标 URL 将在新窗口中打开 _self - 目标 URL 将在单击它的同一框架中打开 _parent - 目标 URL 将在父框架集中打开 _top - 目标 URL 将在窗口的整个主体中打开 |
| type | mime_type | 指定目标 URL 的 MIME（多用途互联网邮件扩展）类型。 |
现在让我们看一个实现 <area> 标签的示例：
示例
<!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" /> <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>
输出
更新于：2020-06-29
74 次查看
广告