HTML <area> 标签

HTML <area> 标签定义图像映射内部的区域(图像映射指的是带有可点击区域的图像)

<area> 元素始终嵌套在 <map> 标签内部

<img> 标签中的 usemap 属性与 <map> 元素中的 name 相关联,以创建图像与映射之间的关系

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流浏览器都支持 <area> 标签

属性

属性 描述
alt text 设置区域的替代文本
如果使用 href 属性,则该属性是必需的
coords coordinates 设置区域的坐标
href URL 设置区域的目标 URL
hreflang language_code 设置目标 URL 的语言
media media query 设置目标 URL 是为何种媒介/设备优化的。默认:all
nohref value HTML5 不支持
设置没有相关链接的区域
rel alternate
author
bookmark
help
license
next
nofollow
noreferrer
prefetch
prev
search
tag
设置当前文档与目标 URL 之间的关系
shape default
rect
circle
poly
设置区域的形状
target _blank
_parent
_self
_top
framename
设置在何处打开目标 URL
type MIME_type 设置目标 URL 的 MIME 类型

范例

带有可点击区域的图像映射

<img src="/static/i/css/planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">
<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm">
  <area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm">
  <area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm">
</map>

运行范例 »

HTML 4.01 与 HTML5之间的差异

HTML5 提供了一些新属性,同时不再支持 HTML 4.01 中的某些属性

HTML 与 XHTML 之间的差异

HTML 中,<area> 标签没有结束标签

XHTML 中,<area> 标签必须正确地关闭

全局属性

<area> 标签支持 HTML 的全局属性

事件属性

<area> 标签支持 HTML 的事件属性

HTML 全部标签

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.