htmlarea标签的定义和用法：

区域标签定义了图像地图中的区域(注意：图像地图是指具有可点击区域的图像)。

区域元素总是嵌套在地图标记中。

注意：img标签中的usemap属性与地图元素的name属性相关联，从而在图像和地图之间建立了连接。

HTMLarea标签示例：

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

imgsrc='行星. jpg ' border=' 0 ' usemap=' # planet map ' alt='行星'/

map name=' planet map ' id=' planet map '

areashape='circle'coords='180，139，14 ' href=' Venus . html ' alt=' Venus '/

areashape='circle'coords='129，161，10 ' href=' mercur . html ' alt=' Mercury '/

areashape='rect'coords='0，0，110，260'href='sun.html'alt='Sun'/

/map

区域标签属性：

替代文字：区域的替代文字。

坐标：区域的坐标。

Href:区域的目标url。

Hreflang:目标url的语言，html5中的一个新属性。

媒体：哪个媒体/设备是优化的目标url，html5中的一个新属性。

no href:html 5不支持没有相关链接的区域。

Rel:当前文档和目标url之间的关系，html5中的一个新属性。

形状：区域的形状。

目标：在哪里打开目标url。

Type:目标url的MIME类型，html5中的新属性。

格式：

区域形状='形状'坐标='坐标' href='目标URL '

HTMLarea标签示例：

！doctypehtml

超文本标记语言

头

metharset=' UTF-8 '

Titlehtmlarea标记_PHP注释/标题

/head

身体

img src=' http://www.php.cn/themes/nana2.09/images/logo.png' alt=' html area tag ' width=' 300 px ' height=' 70px ' alt=' PHP note logo ' usemap=' # logo '

mapname='logo '

区域形状='矩形'坐标=' 0，0，70，70' alt='图标' href='# '

面积形状=' rect '坐标=' 85，0，280，50' alt=' PHP notes' href='# '

areashape='rect'coords='85，50，275，70'alt='www.php.cn'href='# '

/map

H3上图分为3个区域/h3

/body

/body

/html

注意：img中的usemap属性可以引用map中的id或name属性(由浏览器决定)，所以我们需要同时添加id和name属性来映射。

HTML和XHTML的区别

在HTML中，区域没有结束标记。

在XHTML中，区域必须正确闭合。

本文转载自中文网站