HTML <area> Tag

Definition and Usage

<area> tag define area da tasarinsa (tasarinsa na kai tsara tasarinsa, wanda ke da yankuna na tsare a kan hanyar kai, ta ce ta ce kuma tsari na kai tsare a kan hanyar kai).

<area> element neke a cikin <map> tagda cikin.

Rarrabawo:<img> da usemap attribute da <map> element na name attributeYana kama, ana tsara hanyar kai tsara tsari tsakanin tasarinsa da tasarinsa.

Sauran kuma:

HTML DOM Reference Manual:Area object

Yanar

Tasi 1

Wuri dake da ke ta ceke

<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>

zhen ji shi yi yi

Tasi 2

Wuri dake da ke ta ceke

<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>

zhen ji shi yi yi

shu xing

shu xing zhi mi shu
alt wen zi gingi zhi ming qu yuan de ti gai wen zi. Rang you cun zai href shu xing ren shi bi xu
coords jiao yuan zhi gingi zhi ming qu yuan de jiao yuan zhi
download wen jian ming gingi zhi ming dang yong hu dian ji chao lian jie shi jiang xia zai mu biu
href URL gingi zhi ming qu yuan de chao lian jie mu biu
hreflang yu yan dian ma gingi zhi ming mu biu URL de yu yan
media mei ti cha xun gingi zhi ming mu biu URL you hua de mei ti/she bei
referrerpolicy
  • no-referrer
  • no-referrer-when-downgrade
  • origin
  • origin-when-cross-origin
  • same-origin
  • strict-origin-when-cross-origin
  • unsafe-url
 gingi zhi ming yao yi lian jie yi qi fa song de yin zheng xin xi
rel
  • alternate
  • author
  • bookmark
  • help
  • license
  • next
  • nofollow
  • noreferrer
  • prefetch
  • prev
  • search
  • tag
 gingi zhi ming dang qian wen dian he mu biu URL zhi zhi xian guan xi
shape
  • default
  • rect
  • circle
  • poly
 gingi zhi ming qu yuan de xing zhuang
target
  • _blank
  • _parent
  • _self
  • _top
  • kuang jia ming cheng
 gingi zhi ming zai na chi kai zhi mu biu URL
type mei ti lei xing gingi zhi ming mu biu URL de mei ti lei xing

quan ju shu xing

<area> biao qian hai zhi chi HTML zhi zhong de quan ju shu xing。

shi jian shu xing

<area> biao qian hai zhi chi HTML zhi zhong de shi jian shu xing。

mo ren de CSS she zhi

Kakannan kuke zai yanku zai kai xi shi zhe yige mohu de zhi shu <area> Ƙarami:

area {
  display: none;
}

Ciwon wasa

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Ciwon Ciwon Ciwon Ciwon Ciwon