Tebili cha HTML <map>

Ufafanuzi na Matumizi

<map> inayotumika kumekadiri makini ya picha. Makini ya picha (image map, aina ya mpangilio wa kichukua) ni picha yenye eneo la kichukua.

<map> Elementi inayotarajiwa Mabaki ya nameinayotumiwa na Elementi ya <img> ya Mabaki ya usemap ya kumuunganisha picha na makini ya picha.

<map> ina matokeo Elementi ya <area>kumekadiri eneo la kichukua katika makini ya picha. Elementi ya <area> ina matokeo ya kumuunganisha picha na makini ya picha.

Tazama pia:

Kitabu cha Mifano cha HTML DOM:Mwongozo wa Map

Mfano

Mfano 1

Makini ya picha yenye eneo la kichukua:

<img src="life.png" alt="Life" usemap="#lifemap" width="650" height="451">
<map name="lifemap">
  <area shape="rect" coords="10,208,155,338" alt="AirPods" href="airpods.html">
  <area shape="rect" coords="214,65,364,365" alt="iPhone" href="iphone.html">
  <area shape="circle" coords="570,291,75" alt="Coffee" href="coffee.html">

亲自试一试

Mfano 2

Makini ya picha yenye eneo la kichukua:

<img src="solarsystem.png" width="1024" height="576" alt="Planets" usemap="#planetmap">
<map name="planetmap">
  <area shape="rect" coords="0,0,114,576" alt="Sun" href="sun.html">
  <area shape="circle" coords="190,230,5" alt="Mercury" href="mercury.html">
  Venus

亲自试一试

属性

属性 值 描述
name 地图名称 必需。规定图像地图的名称。

全局属性

<map> 标签还支持 HTML 中的全局属性。

事件属性

<map> 标签还支持 HTML 中的事件属性。

默认的 CSS 设置

大多数浏览器将显示具有以下默认值的 <map> Mtuu:

map {
  display: inline;
}

Mawasiliano wa kiburi

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Msaada Msaada Msaada Msaada Msaada