Kitabu cha Mafunzo ya Tag ya <area> ya HTML

Ufafanuzi na Matumizi

<area> taji ya matokeo ya kichanganyiko (matokeo ya kichanganyiko ni picha yenye eneo la kichanganyiko, ni picha ya kichanganyiko kwa kichanganyiko cha kijana, hivi karibuni ni picha ya kichanganyiko cha kichanganyiko cha kijana).

<area> elementi inayoshika kwenye Taji ya <map>ndani.

Tahadhari:<img> katika Jaribu ya usemap na <map> mbinu ya Jaribu ya jinaInayofanana, kumwengenea kati ya picha na matokeo ya kichanganyiko.

Tazama pia:

Kitabu cha Mwongozo wa HTML DOM:Mwongozo wa Area

Mimbo

Mifano 1

Matokeo mwingine wa matokeo wa kwa mifano

<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">
</map>

Jifunze kwa urahisi

Mifano 2

Matokeo mwingine wa matokeo wa kwa mifano

<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">
  <area shape="circle" coords="228,230,5" alt="Venus" href="venus.html">
</map>

Jifunze kwa urahisi

Inaangazia hatua

Inaangazia hatua Value Inaangazia thamani
alt Matukio Inaangazia matukio ya eneo. Inahitajika kama haujafikia kuna href.
coords Inaangazia koordinati Inaangazia koordinati ya eneo.
download Jina la faili Inaangazia upelezi wa URL hii kama mtaani wa kwanza.
href URL Inaangazia matokeo wa kiungo za eneo.
hreflang Kodadi ya lugha Inaangazia lugha ya URL ya kimtaifa.
media Makadi ya media Inaangazia media/kitambo cha kina cha URL ya kimtaifa.
referrerpolicy
  • no-referrer
  • no-referrer-when-downgrade
  • origin
  • origin-when-cross-origin
  • same-origin
  • strict-origin-when-cross-origin
  • unsafe-url
 Inaangazia taarifa ya kirefu ambazo lazima kuandikwa pamoja na kiungo.
rel
  • alternate
  • author
  • bookmark
  • help
  • license
  • next
  • nofollow
  • noreferrer
  • prefetch
  • prev
  • search
  • tag
 Inaangazia mawasiliano ya siku hii na URL ya kimtaifa.
shape
  • default
  • rect
  • circle
  • poly
 Inaangazia muundo wa eneo.
target
  • _blank
  • _parent
  • _self
  • _top
  • Jina la mkono
 Inaangazia pale ambapo URL ya kimtaifa inafunguliwa.
type Aina ya media Inaangazia aina ya media ya URL ya kimtaifa.

Mafanikio ya matumizi

<area> Tag huzingatia Mafanikio ya matumizi ya HTML.

Mafanikio ya matumizi

<area> Tag huzingatia Mafanikio ya matumizi ya HTML.

Mazingo wa CSS ya kawaida

Kawaida kwa kawaida vifungua kwa thamani za kuzingatia hivi <area> Mtu:

area {
  display: none;
}

Msaada wa Kifungu

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