HTML标签大全

HTML注释标签HTML DOCTYPE标签HTML a标签HTML abbr标签HTML acronym标签HTML address标签HTML area标签HTML applet标签HTML article标签HTML aside标签HTML audio标签HTML b加粗标签HTML base标签HTML5 bdi标签HTML basefont标签HTML bdo标签HTML big标签HTML blockquote标签HTML body标签HTML br标签HTML button标签HTML canvas标签HTML caption标签HTML center标签HTML cite标签HTML code标签HTML col标签HTML colgroup标签HTML command标签HTML datalist标签HTML dd标签HTML del标签HTML details标签HTML dfn标签HTML dialog标签HTML dir标签HTML dl标签HTML div标签HTML em标签HTML embed标签HTML fieldset 标签HTML figcaption 标签HTML figure 标签HTML font 标签HTML footer 标签HTML frame 框架HTML frameset 标签HTML head 标签HTML header 标签HTML5 hgroup 标签HTML h1-h6 标题标签HTML hr 标签HTML i 标签HTML iframe 标签HTML img 标签HTML input 标签HTML ins 标签HTML kbd 标签HTML5 keygen 标签HTML label 标签HTML legend 标签HTML li 标签HTML link 标签HTML map 标签HTML5 mark 标签HTML meta 标签HTML menu 标签HTML meter 标签HTML nav 标签HTML noframes 标签HTML noscript 标签HTML object 标签HTML ol 标签HTML optgroup 标签HTML option 属性HTML output 用法HTML p 段落标签HTML param 标签HTML pre 标签HTML html 标签HTML q 标签HTML5 progress 标签HTML5 rp 标签HTML5 rt 标签HTML5 ruby 标签HTML s 标签HTML samp 标签HTML section 标签HTML script 标签HTML select 标签HTML small 标签HTML source 标签HTML span 标签HTML strike 标签HTML strong 标签HTML sub 标签HTML style 标签HTML summary 标签HTML sup 标签HTML table 标签HTML tbody 标签HTML td 标签HTML tfoot 标签HTML textarea 标签HTML th 标签HTML thead 标签HTML time 标签HTML title 标签HTML tr 标签HTML tt 标签HTML track 标签HTML u 标签HTML ul 标签HTML var 标签HTML video 标签HTML wbr 标签

HTML map 标签

HTML map 标签

实例

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

<img src="planets.gif"
width="145" height="126"
alt="Planets"
usemap="#planetmap">

<map
name="planetmap">
 
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
 
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
 
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>


浏览器支持

目前大多数浏览器支持 <map>标签。


HTML map area

<area> 标签定义图像映射中的区域(注:图像映射指得是带有可点击区域的图像)。

area 元素总是嵌套在 <map> 标签中,如下代码:

<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" />

<map name="planetmap" id="planetmap">  
  <area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" />
  <area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" />
  <area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" />
</map>


HTML map coords

如下代码:

<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" />

<map name="planetmap" id="planetmap">  
  <area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" />
  <area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" />
  <area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" />
</map>


标签定义及使用说明

<map> 标签用于客户端图像映射。图像映射指带有可点击区域的一幅图像。

<img>中的 usemap 属性可引用 <map> 中的 id 或 name 属性(取决于浏览器),所以我们应同时向 <map> 添加 id 和 name 属性。

area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域。


HTML 4.01 与 HTML5之间的差异

注意: 在 HTML5 中, 如果 id 属性在<map> 标签中指定, 则你必须同样指定 name 属性。


HTML 与 XHTML 之间的差异

在 XHTML 中,name 属性已经废弃,使用 id 属性替换它。


属性

属性描述
namemapname必需。为 image-map 规定的名称。


全局属性

<map> 标签支持全局属性,查看完整属性表 HTML全局属性。


事件属性

<map> 标签支持所有 HTML事件属性。

把命令大全装进口袋

微信关注