html中map标签是怎么个用法 谢谢 请给说一下

Question

<map name="Map" id="Map">
    <area shape="rect" coords="22,20,314,78" nohref="http://www.cngxb.com" target="_blank" />
<!--系统-->
    <area shape="rect" coords="618,363,709,484" id="2" href="#" onclick="checkRole(this.id)"/>
<!--部门-->
    <area shape="rect" coords="461,365,548,485"  id="3" href="#" onclick="checkRole(this.id)"/>
<!--企业-->
    <area shape="rect" coords="303,366,402,485" id="1" href="#" onclick="checkRole(this.id)"/>
  </map>什么意思 ？？
<img src="/images/login_01.jpg" height="578" width="1008" border="0" usemap="#Map" />
中的 usemap 又是什么意思
？？？谢谢

Answer 1

html 里有这个map标签，第一次听说，我去百度一下！

Answer 2

<P><IMG SRC="solarsys.gif" WIDTH=504 HEIGHT=126 BORDER=0
ALT="太阳系" USEMAP="#SystemMap">
<MAP NAME="SystemMap">
<AREA SHAPE="rect" COORDS="0,0,82,126"
HREF="/workshop/graphics/sun.gif">
<AREA SHAPE="circle" COORDS="90,58,3"
HREF="/workshop/graphics/merglobe.gif">
<AREA SHAPE="circle" COORDS="124,58,8"
HREF="/workshop/graphics/venglobe.gif">
<AREA SHAPE="circle" COORDS="162,58,10"
HREF="/workshop/graphics/earglobe.gif">
<AREA SHAPE="circle" COORDS="203,58,8"
HREF="/workshop/graphics/marglobe.gif">
<AREA SHAPE="poly" COORDS="221,34,238,37,257,32,278,44,284,60,
281,75,288,91,267,87,253,89,237,81,229,64,228,54"
HREF="/workshop/graphics/jupglobe.gif">
<AREA SHAPE="poly" COORDS="288,19,316,39,330,37,348,47,351,66,
349,74,367,105,337,85,324,85,307,77,303,60,307,50"
HREF="/workshop/graphics/satglobe.gif">
<AREA SHAPE="poly" COORDS="405,39,408,50,411,57,410,71,404,78,
393,80,383,86,381,75,376,69,376,56,380,48,393,44"
HREF="/workshop/graphics/uraglobe.gif">
<AREA SHAPE="poly" COORDS="445,38,434,49,431,53,427,62,430,72,
435,77,445,92,456,77,463,72,463,62,462,53,455,47"
HREF="/workshop/graphics/nepglobe.gif">
<AREA SHAPE="circle" COORDS="479,66,3"
HREF="/workshop/graphics/pluglobe.gif">
</MAP>以上是html文档中的一个例子功能就是（以下是文档中的原文）下面的例子提供了一个太阳系的图像映射代码。该代码在 MAP 元素中使用 AREA 元素及其 COORDS 值和 SHAPE 标签属性创建了由图象映射指向单个行星图像的链接。要返回到太阳系图像映射，用户可以单击后退按钮简单说就是点击大图片中的一个内容，连接到这个内容的相关图片。

Answer 3

 补充 ： arae 中的 nohref 是什么意思
还有img中的 usemap 是什么意思

Answer 4

NOHREF noHref 设置或获取在此区域中单击是否引起操作。 
 offsetHeight 获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度。 
 offsetLeft 获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置。 
 offsetParent 获取定义对象 offsetTop 和 offsetLeft 属性的容器对象的引用。 
 offsetTop 获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置。 
 offsetWidth 获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的宽度。 
 outerHTML 设置或获取对象及其内容的 HTML 形式。 
 outerText 设置或获取对象的文本。 
 ownerDocument 设置或获取结点关联的 document 对象。 
 
parentElement 获取对象层次中的父对象。 
 parentNode 获取文档层次中的父对象。 
 parentTextEdit 获取文档层次中可用于创建包含原始对象的 TextRange 的容器对象。 
 pathname 设置或获取对象指定的文件名或路径。 
 port 设置或获取与 URL 关联的端口号码。 
 previousSibling 获取对此对象的上一个兄弟对象的引用。 
 protocol 设置或获取 URL 的协议部分。 
 readyState 获取对象的当前状态。 
 scopeName 获取为该元素定义的命名空间。 
 search 设置或获取 href 属性中跟在问号后面的部分。 

Answer 5

所谓图像映射，就是带有预先定义区域的图像，这些区域包含了指向其它文档或锚的链接。例如，你可以在一副太阳系的图像上创建用户点击后可前往不同星球的链接。map 对象由 IMG 元素的 USEMAP 属性引用，格式如下：<IMG SRC="solarsys.gif" USEMAP="#SystemMap">MAP 元素包含一组定义图像中链接区域的 AREA 元素。此元素在 Microsoft® Internet Explorer 3.0 的 HTML 中可用，在 Internet Explorer 4.0 的脚本中可用。此元素不会被渲染。此元素需要关闭标签。示例下面的例子提供了一个太阳系的图像映射代码。该代码在 MAP 元素中使用 AREA 元素及其 COORDS 值和 SHAPE 标签属性创建了由图象映射指向单个行星图像的链接。要返回到太阳系图像映射，用户可以单击后退按钮。

Answer 6

usemap="#Map" 的意思是这个图片中定义多个可以点击的区域（例如这个图片是一个地图，然后通过
<map>来定义多个可以点击的区域（例如省）nohref是指定链接

Answer 7

nohref 属性虽然指定了一个地址 但是好像用户永远都不会访问到 
那他最终的用途是什么呢

Answer 8

html页面中的map area的妙用 前阵子还用的。

Answer 9

我上面说不清楚，href 是指定链接地址，
nohref是一个Boolean值，代表的意义是：
false:默认为此值。点击会导致href的动作
true:点击不会导致href动作