HTML <img> usemap اپریٹس

HTML <img> ਟੈਗ

تعریف و استعمال

usemap اپریٹس تصویر کو کلائنٹ سائٹ میپ کے طور پر دفع کرتا ہے。

تصویر مناسبت کا مطلب ہوتا ہے جس میں کسٹکریپشن والا علاقہ ہوتا ہے。

usemap کی اپریٹس سے منسلک <map> علامت کی نمبر یا id اپریٹس سے منسلک، تاکہ <img> اور <map> کے درمیان تعلقات قائم کئے جاسکیں。

توجہ:اگر <img> علامت <a> یا <button> علامت کا فرزند ہو تو استعمال نہیں کیا جاسکتا usemap کی اپریٹس。

延伸阅读：详解 usemap 属性

مثال

با کسٹکریپشن کے ساتھ تصویر مناسبت:

Life

  Computer
  Phone
  Cup of coffee
</map>

亲自试一试

语法

属性值

值 描述
#mapname 井号字符（“#”）加上要使用的 元素的名称。

延伸阅读：详解 usemap 属性

usemap 属性提供了一种“客户端”的图像映射机制，有效地消除了服务器端对鼠标坐标的处理，以及由此带来的网络延迟问题。通过特殊的 和 标签，HTML 创作者可以提供一个描述 usemap 图像中超链接敏感区域坐标的映射，这个映射同时包含相应的超链接 URL。usemap 属性的值是一个 URL，它指向特殊的 区域。用户计算机上的浏览器将把鼠标在图像上单击时的坐标转换成特定的行为，包括加载和显示另外一个文档。

ਅਸੀਂ ਇੱਕ ਉਦਾਹਰਣ ਦੇਣ ਲਈ ਕਹਿੰਦੇ ਹਾਂ, ਹੇਠ ਲਿਖੇ ਸਰੋਤ ਕੋਡ ਇੱਕ 100x100 ਪਕਸਲ ਦੀ ਚਿੱਤਰ ਮੈਪ.gif ਨੂੰ 4 ਖੇਤਰਾਂ ਵਿੱਚ ਮੈਪ ਕਰਦਾ ਹੈ, ਜਦੋਂ ਯੂਜ਼ਰ ਕਿਸੇ ਵੀ ਖੇਤਰ ਨੂੰ ਕਲਿੱਕ ਕਰਦਾ ਹੈ, ਤਾਂ ਉਹ ਵੱਖ-ਵੱਖ ਦਸਤਾਵੇਜ਼ਾਂ ਵਿੱਚ ਲਿੰਕ ਕੀਤਾ ਜਾਵੇਗਾ। ਕਿਰਪਾ ਕਰਕੇ, ਇਸ <img> ਟੈਗ ਵਿੱਚ, ਅਸੀਂ ਇਸਮੈਪ ਇਮੇਜ ਮੈਪਿੰਗ ਦੇ ਪ੍ਰਬੰਧਨ ਨੂੰ ਸ਼ਾਮਲ ਕਰ ਦਿੱਤਾ ਹੈ, ਤਾਕਿ ਉਨ੍ਹਾਂ ਬਰਾਉਜ਼ਰ ਯੂਜ਼ਰਾਂ ਲਈ ਜੋ ਨਹੀਂ ਹਨ ਜੋ usemap ਪ੍ਰਬੰਧਨ ਰੱਖਦੇ ਹਨ, ਉਹ ਬਾਹਰੀ ਰਾਹੀਂ ਸੇਵਰ ਸਾਈਡ ਮੈਕੈਨਿਜਮ ਰਾਹੀਂ ਇਮੇਜ ਮੈਪਿੰਗ ਨੂੰ ਪ੍ਰਬੰਧਨ ਕਰ ਸਕਦੇ ਹਨ:

<a href="/example/map">
  <img src="/i/map.gif" ismap="ismap" usemap="#map" />
</a>
<map name="map">
  <area coords="0,0,49,49" href="link1.html">
  <area coords="50,0,99,49" href="link2.html">
  <area coords="0,50,49,99" href="link3.html">
  <area coords="50,50,99,99" href="link4.html">
</map>

ismap ਪ੍ਰਤੀਯੋਗਿਤਾ ਅਤੇ usemap ਪ੍ਰਤੀਯੋਗਿਤਾ ਦਾ ਵਰਤੋਂ ਅਤੇ ਅੰਤਰ

ਮੈਪ ਹੈਮਾਪ ਅਤੇ usemap ਪ੍ਰਤੀਯੋਗਿਤਾ ਦਾ ਉਦਾਹਰਣ ਹੈ, ਉਦਾਹਰਣ ਵਜੋਂ, ਇੱਕ ਪੂਰੇ ਦੇਸ਼ ਦੇ ਮੋਟਰਵੇਅਰ ਵੈੱਬਸਾਈਟ ਦੇ ਬਾਰੇ ਵਿੱਚ ਬਰਾਉਜ਼ਿੰਗ ਕਰਦੇ ਹੋਏ, ਉਪਭੋਗਤਾ ਆਪਣੇ ਵਸ਼ਾਸਤੀ ਸ਼ਹਿਰ 'ਤੇ ਮੈਪ 'ਤੇ ਕਲਿੱਕ ਕਰ ਸਕਦਾ ਹੈ ਤਾਕਿ ਨੇੜੇ ਖੇਤਰ ਦੇ ਰਿਟੇਲ ਸਟੋਰ ਦੀ ਠਿਕਾਣਾ ਅਤੇ ਫੋਨ ਨੰਬਰ ਆਦਿ ਪ੍ਰਾਪਤ ਕਰ ਸਕੇ。

usemap ਕਲਾਈਮੈਂਟ ਹੈਮਾਪ ਦੇ ਲਾਭ ਹੈ, ਇਹ ਸਰਵਰ ਜਾਂ ਵਿਸ਼ੇਸ਼ ਸਰਵਰ ਸਾਫਟਵੇਅਰ ਦੀ ਜ਼ਰੂਰਤ ਨਹੀਂ ਕਰਦਾ, ismap ਮੈਕਨਿਜਮ ਨਾਲ ਵੱਖਰਾ, ਇਹ ਨਾਨ-ਵੈਬ (ਨਾ-ਨੈੱਟਵਰਕ) ਮਾਹੌਲ ਵਿੱਚ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ, ਉਦਾਹਰਣ ਵਜੋਂ ਸਥਾਨਕ ਫਾਈਲ ਜਾਂ CD-ROM ਵਿੱਚ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ。

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

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

HTML <img> ਟੈਗ