<area>

优质

小牛编辑

125浏览

2023-12-01

描述 (Description)

HTML标记用于定义图像映射中的区域。

例子 (Example)

<!DOCTYPE html>
<html>
   <head>
      <title>HTML area Tag</title>
   </head>
   <body>
      <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>

全局属性 (Global Attributes)

此标记支持HTML Attribute Reference描述的所有全局属性

具体属性 (Specific Attributes)

HTML标记还支持以下附加属性 -

属性	值	描述
alt	text	指定区域的备用文本。
coords	如果shape =“rect”则coords =“left，top，right，bottom” 如果shape =“circ”则coords =“centerx，centery，radius” 如果shape =“poly”则coords =“x1，y1，x2，y2，..，xn，yn”	指定适合shape属性的坐标，以定义图像映射的图像区域。
下载	filename	指定在用户单击超链接时下载目标。
href	URL	指定页面的URL或链接所指向的锚的名称。
的hreflang	language_code	指定目标URL的语言。
媒体	media query	指定针对目标URL优化的媒体/设备。
nohref	true/false	从图像映射中排除某个区域
相对	alternate 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 - 目标网址将在新窗口中打开 _self - 目标URL将在单击的框架中打开 _parent - 目标URL将在父框架集中打开 _top - 目标网址将在整个窗体中打开
类型	mime_type	指定目标URL的MIME（多用途Internet邮件扩展）类型。