హ్ట్మ్ఎల్ <area> టాగ్

నిర్వచనం మరియు ఉపయోగం

<area> టాగ్ లో చిత్రము మ్యాపింగ్ లో ఏరియాలను నిర్వచిస్తుంది (చిత్రము మ్యాపింగ్ అనేది క్లిక్ చేయగల చిత్రము, అది క్లింట్ స్పాన్సర్ రెస్పాంస్ చిత్రము అని పిలుస్తారు).

<area> ఎలిమెంట్ అనేది ఎలా కుళ్ళబడింది టాగ్ <map> టాగ్లో.

ముందుకు చూడండి:<img> లో usemap అంశం మరియు <map> ఎలిమెంట్ యొక్క నామం అంశంసంబంధించి, చిత్రము మరియు మ్యాపింగ్ మధ్య సంబంధాన్ని సృష్టించండి.

మరియు చూడండి:

HTML DOM పరిచయం:ఏరియా ఆబ్జెక్ట్

ఉదాహరణ

ఉదాహరణ 1

క్లిక్ చేయగల చిత్రము మ్యాపింగ్:

<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">
<area shape="circle" coords="190,230,5" alt="Mercury" href="mercury.html">

<area shape="circle" coords="228,230,5" alt="Venus" href="venus.html">

ఉదాహరణ 2

మరొక క్లిక్ చేయగల చిత్రము మ్యాపింగ్:

<img src="solarsystem.png" width="1024" height="576" alt="Planets" usemap="#planetmap">

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

</map> స్వయంగా ప్రయత్నించండి అట్రిబ్యూట్
విలువ వివరణ టెక్స్ట్
ప్రాంతం యొక్క ప్రత్యామ్నాయ టెక్స్ట్ను నిర్ణయిస్తుంది. హెచ్చరిక అట్రిబ్యూట్ ఉన్నప్పుడు అత్యవసరం coords కోఆర్డినేట్ విలువలు
ప్రాంతం యొక్క కోఆర్డినేట్స్ ని నిర్ణయిస్తుంది download ఫైల్ పేరు
వినియోగదారుడు హ్యాండ్ల్ టాగ్ ను క్లిక్ చేసినప్పుడు లక్ష్యాన్ని డౌన్లోడ్ చేయాలని నిర్ణయిస్తుంది href URL
ప్రాంతం యొక్క హ్యాండ్ల్ టాగ్ ను నిర్ణయిస్తుంది hreflang భాషా కోడ్
లక్ష్య యూఆర్ఎల్ యొక్క భాషను నిర్ణయిస్తుంది media మీడియా క్విరీ
లక్ష్య యూఆర్ఎల్ యొక్క ఆప్టిమైజేషన్ మీడియా/పరికరాన్ని నిర్ణయిస్తుంది
  • referrerpolicy
  • no-referrer
  • no-referrer-when-downgrade
  • origin
  • origin-when-cross-origin
  • same-origin
  • strict-origin-when-cross-origin
 unsafe-url
లింక్తో పాటు పంపించాల్సిన సూచనా సమాచారాన్ని నిర్ణయిస్తుంది
  • rel
  • alternate
  • author
  • bookmark
  • help
  • license
  • next
  • nofollow
  • noreferrer
  • prefetch
  • prev
  • search
 tag
ప్రస్తుత డాక్యుమెంట్ మరియు లక్ష్య యూఆర్ఎల్ మధ్య ఉన్న సంబంధాన్ని నిర్ణయిస్తుంది
  • shape
  • default
  • rect
  • circle
 poly
ప్రాంతం యొక్క రూపాన్ని నిర్ణయిస్తుంది
  • target
  • _blank
  • _parent
  • _self
  • _top
 ఫ్రేమ్ పేరు
లక్ష్య యూఆర్ఎల్ ని అనుసంధానం చేయాలో ఎక్కడ తెరవాలో నిర్ణయిస్తుంది టైప్ మీడియా రకం

లక్ష్య యూఆర్ఎల్ యొక్క మీడియా రకాన్ని నిర్ణయిస్తుంది

<area> టాగ్లు కూడా ఇవెంట్ అట్రిబ్యూట్స్ ను మద్దతు చేస్తాయి గ్లౌబల్ అట్రిబ్యూట్స్。

హెచ్టిఎంఎల్ లో గ్లౌబల్ అట్రిబ్యూట్స్

<area> టాగ్లు కూడా ఇవెంట్ అట్రిబ్యూట్స్ ను మద్దతు చేస్తాయి హెచ్టిఎంఎల్ లో ఇవెంట్ అట్రిబ్యూట్స్。

డిఫాల్ట్ సిఎస్ఎస్ సెట్టింగ్స్

అనేక బ్రౌజర్లు క్రింది డిఫాల్ట్ విలువలను ప్రదర్శిస్తాయి <area> మూలకం:

area {
  display: none;
}

బ్రౌజర్ మద్దతు

చ్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఆపెరా
చ్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఆపెరా
మద్దతు మద్దతు మద్దతు మద్దతు మద్దతు