area 标签

　　html<area>标签创建“区域”元素，代表图像地图中的区域。

　　图片地图是带有一个或多个超链接区域的图片。这意味着用户可以点击图片内的不同区域以转到不同的 URL。

　　注意，此标签必须嵌套在a<map>标签或者a<template>标签内。

　　该<area>标签通常像这样写<area shape="" coords="" href="" alt="">（没有结束标签），并将相关属性值插入相应属性的双引号之间。

　　您需要将<area>元素与其他元素结合使用，例如<map>或<template>元素以及<img>元素（以显示实际图像）。

　　像这样：

　　<img src ="img/1.jpg" alt="大耳朵图图与妈妈" usemap ="#my-map">
　　<map name="my-map">
　　<area
　　shape="rect"
　　coords="50,50,100,100"
　　href="/box/"
　　alt="大耳朵图图与妈妈">
　　</map>

　　地图

　　地理地图是应用图像地图的绝佳选择。使用地图图形，您可以创建可点击区域来指示不同的地理位置（例如城市、省份或整个国家或大洲）。

　　下图显示了两个不同国家的图像。每个国家都链接到不同的 URL。这是通过使用图像地图（即<area>与<map>标签结合）实现的。

　　基本形状

　　上述地图示例使用 的形状poly来显示多边形。多边形比矩形或圆形等简单形状更复杂。您可以使用polygon或poly作为属性值来指定多边形shape。

　　您还可以使用形状名称来绘制矩形（rectangle或rect）或圆形（circle或circ）。

　　该<area>元素接受以下属性。

　　alt
　　coords
　　shape
　　href
　　target
　　download
　　rel
　　hreflang
　　type

　　全局属性

　　以下属性是所有 HTML 元素的标准属性。因此，您可以将这些属性与 标签<area>以及所有其他 HTML 标签一起使用。

　　accesskey
　　autocapitalize
　　class
　　contenteditable
　　data-*
　　dir
　　draggable
　　hidden
　　id
　　inputmode
　　is
　　itemid
　　itemprop
　　itemref
　　itemscope
　　itemtype
　　lang
　　part
　　slot
　　spellcheck
　　style
　　tabindex
　　title
　　translate

　　事件处理程序

　　事件处理程序内容属性可让您从 HTML 中调用脚本。当发生某个“事件”时，将调用该脚本。每个事件处理程序内容属性处理不同的事件。

　　onabort
　　onauxclick
　　onblur
　　oncancel
　　oncanplay
　　oncanplaythrough
　　onchange
　　onclick
　　onclose
　　oncontextmenu
　　oncopy
　　oncuechange
　　oncut
　　ondblclick
　　ondrag
　　ondragend
　　ondragenter
　　ondragexit
　　ondragleave
　　ondragover
　　ondragstart
　　ondrop
　　ondurationchange
　　onemptied
　　onended
　　onerror
　　onfocus
　　onformdata
　　oninput
　　oninvalid
　　onkeydown
　　onkeypress
　　onkeyup
　　onlanguagechange
　　onload
　　onloadeddata
　　onloadedmetadata
　　onloadstart
　　onmousedown
　　onmouseenter
　　onmouseleave
　　onmousemove
　　onmouseout
　　onmouseover
　　onmouseup
　　onpaste
　　onpause
　　onplay
　　onplaying
　　onprogress
　　onratechange
　　onreset
　　onresize
　　onscroll
　　onsecuritypolicyviolation
　　onseeked
　　onseeking
　　onselect
　　onslotchange
　　onstalled
　　onsubmit
　　onsuspend
　　ontimeupdate
　　ontoggle
　　onvolumechange
　　onwaiting
　　onwheel

　　大多数事件处理程序内容属性可以在所有 HTML 元素上使用，但某些事件处理程序对其使用时间以及适用元素有特定的规则。