HTML 参考手册
HTML 参考手册
  1. HTML 标签列表(字母排序)
  2. HTML 标签列表（功能排序）
  3. HTML 全局属性
  4. HTML 事件
  5. HTML 画布
  6. HTML 音频/视频
  7. HTML 有效DOCTYPES
  8. HTML 颜色名
  9. HTML 在线拾色器
  10. HTML 颜色混搭
  11. HTML 字符集
  12. HTML ASCII 参考手册
  13. HTML ISO-8859-1 参考手册
  14. HTML 符号实体参考手册
  15. HTML URL 编码参考手册
  16. HTML 语言代码参考手册
  17. HTTP 状态消息
  18. HTTP 方法：GET 对比 POST
  19. Px、Em 换算工具
  20. px，pt，em 换算表
  21. px、em、rem区别介绍
  22. 键盘快捷键
  23. HTML标签
    1. <!–…–> 注释标签
    2. <!DOCTYPE> 声明
    3. <a> 标签
    4. <abbr> 标签
    5. <acronym> 标签
    6. <address> 标签
    7. <applet> 标签
    8. <area> 标签
    9. <article> 标签
    10. <aside> 标签
    11. <audio> 标签
    12. <b> 标签
    13. <base> 标签
    14. <basefont> 标签
    15. <bdi> 标签
    16. <bdo> 标签
    17. <big> 标签
    18. <blockquote> 标签
    19. <body> 标签
    20. <br> 标签
    21. <button> 标签
    22. <canvas> 标签
    23. <caption> 标签
    24. <center> 标签
    25. <cite> 标签
    26. <code> 标签
    27. <col> 标签
    28. <colgroup> 标签
    29. <command> 标签
    30. <datalist> 标签
    31. <dd> 标签
    32. <del> 标签
    33. <details> 标签
    34. <dfn> 标签
    35. <dialog> 标签
    36. <dir> 标签
    37. <div> 标签
    38. <dl> 标签
    39. <dt> 标签
    40. <em> 标签
    41. <embed> 标签
    42. <fieldset> 标签
    43. <figcaption> 标签
    44. <figure> 标签
    45. <font> 标签
    46. <footer> 标签
    47. <form> 标签
    48. <frame> 标签
    49. <frameset> 标签
    50. <head> 标签
    51. <header> 标签
    52. <hgroup> 标签
    53. <h1> – <h6> 标签
    54. <hr> 标签
    55. <i> 标签
    56. <iframe> 标签
    57. <img> 标签
    58. <input> 标签
    59. <ins> 标签
    60. <kbd> 标签
    61. <keygen> 标签
    62. <label> 标签
    63. <legend> 标签
    64. <li> 标签
    65. <link>标签
    66. <map> 标签
    67. <mark> 标签
    68. <menu> 标签
    69. <meta> 标签
    70. <meter> 标签
    71. <nav> 标签
    72. <noframes> 标签
    73. <noscript> 标签
    74. <object> 标签
    75. <ol> 标签
    76. <optgroup> 标签
    77. <option> 标签
    78. <output> 标签
    79. <p> 标签
    80. <param> 标签
    81. <pre> 标签
    82. <html> 标签
    83. <progress> 标签
    84. <q> 标签
    85. <rp> 标签
    86. <rt> 标签
    87. <ruby> 标签
    88. <s> 标签
    89. <samp> 标签
    90. <script> 标签
    91. <section> 标签
    92. <select> 标签
    93. <small> 标签
    94. <source> 标签
    95. <span> 标签
    96. <strike> 标签
    97. <strong> 标签
    98. <style> 标签
    99. <sub> 标签
    100. <summary> 标签
    101. <sup> 标签
    102. <table> 标签
    103. <tbody> 标签
    104. <td> 标签
    105. <template> 标签
    106. <textarea> 标签
    107. <tfoot> 标签
    108. <th> 标签
    109. <thead> 标签
    110. <time> 标签
    111. <title> 标签
    112. <tr> 标签
    113. <track> 标签
    114. <tt> 标签
    115. <u> 标签
    116. <ul> 标签
    117. <var> 标签
    118. <video> 标签
    119. <wbr> 标签
  24. HTML track kind 属性
  25. HTML video autoplay 属性
  26. HTML video controls 属性
  27. HTML track label 属性
  28. HTML video height 属性
  29. HTML track src 属性
  30. HTML video loop 属性
  31. HTML track srclang 属性
  32. HTML video muted 属性
  33. HTML tr align 属性
  34. HTML video poster 属性
  35. HTML tr bgcolor 属性
  36. HTML video preload 属性
  37. HTML tr char 属性
  38. HTML video src 属性
  39. HTML tr charoff 属性
  40. HTML video width 属性
  41. HTML tr valign 属性
  42. HTML track default 属性
  43. HTML tbody valign 属性
  44. HTML script src 属性
  45. HTML tbody charoff 属性
  46. HTML script type 属性
  47. HTML tbody char 属性
  48. HTML q cite 属性
  49. HTML tbody align 属性
  50. HTML ol compact 属性
  51. HTML style media 属性
  52. HTML ol reversed 属性
  53. HTML style scoped 属性
  54. HTML ol start 属性
  55. HTML style type 属性
  56. HTML ol type 属性
  57. HTML script async 属性
  58. HTML script charset 属性
  59. HTML script defer 属性
  60. HTML embed height 属性
  61. HTML button formaction 属性
  62. HTML basefont face 属性
  63. HTML embed src 属性
  64. HTML button formenctype 属性
  65. HTML embed type 属性
  66. HTML button formmethod 属性
  67. HTML basefont size 属性
  68. HTML embed width 属性
  69. HTML button formnovalidate 属性
  70. HTML meta charset 属性
  71. HTML dir compact 属性
  72. HTML button formtarget 属性
  73. HTML meta content 属性
  74. HTML del cite 属性
  75. HTML meta http-equiv 属性
  76. HTML button name 属性
  77. HTML del datetime 属性
  78. HTML meta name 属性
  79. HTML button type 属性
  80. HTML button autofocus 属性
  81. HTML button value 属性
  82. HTML meta scheme 属性
  83. HTML button disabled 属性
  84. HTML menu label 属性
  85. HTML button form 属性
  86. HTML menu type 属性
  87. HTML basefont color 属性
  88. HTML map name 属性
  89. HTML fieldset disabled 属性
  90. HTML fieldset form 属性
  91. HTML fieldset name 属性
阅读(71.4k) 书签 赞(6) 我要纠错

HTML <map> 标签

2022-06-01 15:39 更新

<map> 标签可以和 <area> 元素一起使用，以此来达到定义图像映射（可点击的链接区域）的目标，请参考下述示例：

实例

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

<img src="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.gif">
  <area shape="circle" coords="90,58,3" alt="Mercury" href="merglobe.gif">
  <area shape="circle" coords="124,58,8" alt="Venus" href="venglobe.gif">
</map>    

尝试一下 »

浏览器支持

Internet Explorer Firefox Opera Google Chrome Safari

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

标签定义及使用说明

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

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

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

提示：要完成图像映射要用到三种标签：<img> 标签、<map>标签、<area>标签。

HTML 4.01 与 HTML5之间的差异

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

HTML 与 XHTML 之间的差异

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

属性

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

全局属性

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

事件属性

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

相关文章

HTML DOM 参考手册：HTML DOM Map 对象


以上内容是否对您有帮助：
← HTML <link>标签
HTML5 <mark> 标签 →
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号