ایکس ایم ال<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">
</map>

ਸਵੈ ਲਾਗੂ ਕਰੋ

ਉਦਾਹਰਣ 2

ਇੱਕ ਹੋਰ ਕਿਕੀਬਲ ਅਰੇਆ ਵਾਲੇ ਇਮੇਜ਼ ਮੈਪਿੰਗ:

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

ਸਵੈ ਲਾਗੂ ਕਰੋ

ਪ੍ਰਤੀਯੋਗਿਤਾ

ਪ੍ਰਤੀਯੋਗਿਤਾ ਮੁੱਲ ਵਰਣਨ
alt ਟੈਕਸਟ ਦਾਇਰੇ ਦਾ ਬਦਲਾ ਟੈਕਸਟ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ।ਹਰ ਕਿਸੇ ਹਵਾਲੇ ਵਾਲੇ ਹੋਣ ਵਾਲੇ ਤਹਿਤ ਲਾਜ਼ਮੀ ਹੈ
coords ਕੋਆਰਡੀਨੇਟ ਮੁੱਲ ਦਾਇਰੇ ਦੀ ਨਿਰਧਾਰਿਤ ਕੋਆਰਡੀਨੇਟ
download ਫਾਈਲ ਨਾਮ ਹਵਾਲੇ ਟੀਚਿੰਗ ਨੂੰ ਕਿਸ ਥਾਂ ਤੇ ਡਾਊਨਲੋਡ ਕਰਨਾ ਹੈ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ
href URL ਦਾਇਰੇ ਦੇ ਹਵਾਲੇ ਟੀਚਿੰਗ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ
hreflang ਭਾਸ਼ਾ ਕੋਡ ਟੀਚਿੰਗ URL ਦਾ ਭਾਸ਼ਾ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ
media ਮੀਡੀਆ ਜਾਂਚ ਟੀਚਿੰਗ URL ਨੂੰ ਮੀਡੀਆ/ਉਪਕਰਣ ਅਪ੍ਰੇਸ਼ਨ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ
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
 ਮੌਜੂਦਾ ਦਸਤਾਵੇਜ਼ ਅਤੇ ਟੀਚਿੰਗ URL ਦਰਮਿਆਨ ਸਬੰਧ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ
shape
  • default
  • rect
  • circle
  • poly
 ਦਾਇਰੇ ਦੀ ਸ਼ਕਲ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ
target
  • _blank
  • _parent
  • _self
  • _top
  • ਫਰੇਮ ਨਾਮ
 ਟੀਚਿੰਗ URL ਨੂੰ ਕਿਸ ਥਾਂ ਤੇ ਖੋਲ੍ਹਣਾ ਹੈ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ
type ਮੀਡੀਆ ਤਰਿਕਾ ਟੀਚਿੰਗ URL ਦਾ ਮੀਡੀਆ ਤਰਿਕਾ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ

ਗਲੋਬਲ ਪ੍ਰਤੀਯੋਗਿਤਾ

<area> ਟੈਗ ਨੂੰ ਈਵੈਂਟ ਪ੍ਰਤੀਯੋਗਿਤਾ ਸਮਰਥਨ ਕਰਦਾ ਹੈ HTML ਵਿੱਚ ਗਲੋਬਲ ਪ੍ਰਤੀਯੋਗਿਤਾ。

ਈਵੈਂਟ ਪ੍ਰਤੀਯੋਗਿਤਾ

<area> ਟੈਗ ਨੂੰ ਈਵੈਂਟ ਪ੍ਰਤੀਯੋਗਿਤਾ ਸਮਰਥਨ ਕਰਦਾ ਹੈ HTML ਵਿੱਚ ਈਵੈਂਟ ਪ੍ਰਤੀਯੋਗਿਤਾ。

ਮੂਲਮੰਤਰ ਵਾਲੀ CSS ਸੈਟਿੰਗ

ਮੋਸਟ ਬਰਾਊਜ਼ਰ ਨਿਮਨ ਮੂਲਮੰਤਰ ਵਾਲੇ ਮੁੱਲਾਂ ਨਾਲ ਦਿਖਾਉਣਗੇ <area> ਵਸਤੂ:

area {
  display: none;
}

ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ

ਚਰਮੀ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪਰਾ
ਚਰਮੀ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪਰਾ
ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ