HTML <area> 标签
主题：HTML5 标签参考上一页|下一页
说明
<area> 标签定义图像上的热点区域，并将其与超文本链接相关联。 此元素仅在 <map> 元素中使用。
下表总结了此标签的使用上下文和版本历史。
| Parent: | <map> |
|---|---|
| Content: | None. 它是一个empty 空元素。 |
| 开始/结束标签： | 开始标签： required, 结束标签：forbidden |
| 版本： | HTML 2, 3.2, 4, 4.01, 5 |
语法
<area> 标签的基本语法如下：
HTML:<area alt="text">; XHTML:<area alt="text" />
注意： 在 HTML 中，<area> 标签的结束标记是禁止的。 在 XHTML 中，<area> 标签必须以斜杠结尾，例如：<area />。 请参阅empty 空元素。
下面的示例显示了 <area> 标签的作用。
<img src="shapes.png" usemap="#shapes" alt="Geometrical Shapes">
<map name="shapes">
<area shape="circle" coords="40,40,40" href="circle.html" alt="Circle">
<area shape="poly" coords="148,2,104,80,193,80" href="triangle.html" alt="Triangle">
<area shape="rect" coords="226,2,323,80" href="rectangle.html" alt="Rectangle">
<area shape="poly" coords="392,2,352,32,366,80,418,80,432,32" href="pentagon.html" alt="Pentagon">
</map>标签特定属性
下表显示了特定于 <area> 标签的属性。
| 属性 | 值 | 说明 |
|---|---|---|
| Required — 必须在此标签上指定以下属性才能使标签有效。 | ||
alt |
text | 指定区域元素定义的图像不可用时使用的替换文本。 |
| Optional — 以下属性是可选的。 | ||
coords |
coordinates | 指定热点区域的坐标。 |
download |
filename | 指定当用户单击链接时是否下载链接的资源而不是导航到它。 |
href |
URL | 指定区域的超链接目标。 |
hreflang |
langcode | 指定链接资源的语言。 此属性只能在指定 href 时使用。 |
media |
media-query | 指定为其设计链接资源的媒体。 |
nohref |
nohref |
Obsolete 指定关联区域不存在超链接。 |
rel |
alternate |
指定链接资源与当前文档的关系。 仅当存在 href 属性时才应使用此属性。 |
shape |
default |
指定关联热点的形状。 |
target |
_blank |
指定显示 href 属性中指定的链接资源的位置。 |
type |
content-type | 指定链接内容的内容类型（MIME类型）——例如，"image/jpeg"、"text/html"等。 |
全局属性
与所有其他 HTML 标签一样， <area> 标签支持 HTML5 中的全局属性。
事件属性
<area> 标签还支持 HTML5 中的事件属性。
浏览器兼容性
所有主要的现代浏览器都支持 <area> 标签。
 |
基本支持—
|
进一步阅读
请参阅以下教程： HTML 链接.
Advertisements