HTML 标签参考

说明

HTML <area> 标签用于定义图像映射中的区域。

示例

<!DOCTYPE html>
<html>

   <head>
      <title>HTML area 标签</title>
   </head>

   <body>
      <img src = /html/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>

测试一下

全局属性

此标签支持以下描述的所有全局属性 - HTML 属性参考

特定属性

HTML <area> 标签中描述的所有全局属性还支持以下附加属性 -

Attribute值描述
alt文本指定区域的替代文本。
coords

iif shape = "rect" then coords = "left, top, right, bottom"

if shape = "circ" then coords = "centerx, centery, radius"

if shape = "poly" then coords = "x1, y1, x2, y2,..,xn, yn"

Specifies the coordinates appropriate to the shape attribute to 

指定适合 shape 属性的坐标，以定义图像的图像区域地图。
downloadhtml-5filename指定当用户单击超链接时下载目标。
hrefURL指定页面的 URL 或链接转到的锚点的名称。
hreflang html-5language_code 指定目标 URL 的语言。
media html-5媒体查询指定媒体/设备目标 URL 已优化。
nohreftrue/false从图像映射中排除区域
rel html-5alternate
author
bookmark
help
license
next
nofollow
noreferrer
prefetch
prev
search
tag
指定当前文档与目标URL之间的关系
shape rect
rectangle
circ
circle
poly
polygon
指定图像贴图的形状
target_blank
_parent
_self
_top

在哪里打开目标 URL。

_blank - 将打开目标 URL在新窗口中

_self - 目标URL将在单击的同一框架中打开

_parent - 目标URL将在父框架集中打开

_top - 目标 URL 将在整个窗口中打开

type html-5mime_type指定目标 URL 的 MIME（多用途 Internet 邮件扩展）类型。

事件属性

此标签支持以下描述的所有事件属性 - HTML 事件参考

浏览器支持

ChromeFirefoxIEOperaSafariAndroid
是是是是是是