html映射中的usemap="map"引号中的map是什么东西

html映射中的usemap="map"引号中的map是什么东西,第1张

<img src="32.jpg" width="400" usemap="#map1">

<!-- usemap 指使用映射的名称(或 ID),map1 对应下面 <map> 的 name 或 id 的值-->

<map name="map1" id="map1"> 

<!-- map 的 name 和 id 指映射的名称(或 ID),值可以自己设置,比如 "map1" 或 "yingshe" 等等,而你使用的 "map" 也行,但这样容易产生混淆,所以一般不这样写 -->

  <area shape="circle" coords="120,130,14" href ="1.html">

  <area shape="rect" coords="0,0,110,260" href ="2.html">

</map>

<img>中的 usemap="#map1" 是要使用的映射的名称(或 ID),对应 <map>中的 name=“map1” 或 id=“map1”,但前面要加一个“#”。

至于 <map>的 name 和 id ,效果一样,其实只要设置一个 name 即可,但为了保证兼容性,最好两个都写,且值也要一样。

<img src="32.jpg" width="400" usemap="#map1">

<!-- usemap 指使用映射的名称(或 ID),map1 对应下面 <map>的 name 或 id 的值-->

<map name="map1" id="map1">

<!-- map 的 name 和 id 指映射的名称(或 ID),值可以自己设置,比如 "map1" 或 "yingshe" 等等,而你使用的 "map" 也行,但这样容易产生混淆,所以一般不这样写 -->

<area shape="circle" coords="120,130,14" href ="1.html">

<area shape="rect" coords="0,0,110,260" href ="2.html">

</map>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7428607.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-05
下一篇 2023-04-05

发表评论

登录后才能评论

评论列表(0条)

保存