HTML <area> shape 属性

ਐੱਚਟੀਐੱਲ <area> ਟੈਗ

定义和用法

shape 属性规定区域的形状。

shape 属性与 coords 属性 一起使用来规定区域的大小、形状和位置。

实例

使用 shape 属性指定图像映射中每个区域的形状：

<map name="planetmap">
<area shape="rect" coords="0,0,114,576" href="sun.html" alt="Sun">
<area shape="circle" coords="190,230,5" href="mercur.html" alt="Mercury">
<area shape="circle" coords="228,230,5" href="venus.html" alt="Venus">
</map>

亲自试一试

语法

<area shape="default|rect|circle|poly">

属性值

值 描述
default 规定整个区域。
rect 定义矩形区域。
circle 定义圆形区域。
poly 定义多边形区域。

详细解释：

shape 属性用于定义图像映射中对鼠标敏感的区域的形状：

  • 圆形（circ 或 circle）
  • 多边形（poly 或 polygon）
  • 矩形（rect 或 rectangle）

shape 属性的值会影响浏览器对 coords 属性的解释。如果未使用 shape ਪ੍ਰਤੀਯੋਗਿਤਾ, ਤਾਂ ਮੁੱਲ default ਨੂੰ ਮੰਨਿਆ ਜਾਵੇਗਾ।ਮਾਨਕ ਅਨੁਸਾਰ, default ਇਹ ਮਤਲਬ ਹੈ ਕਿ ਇਹ ਖੇਤਰ ਪੂਰੇ ਚਿੱਤਰ ਨੂੰ ਕਵਰ ਕਰਦਾ ਹੈ।ਇਸ ਪ੍ਰਕਾਰ, ਬਰਾਉਜ਼ਰ ਮੂਲਤਬੀ ਖੇਤਰ ਵਜੋਂ ਸਰਕਟ ਖੇਤਰ ਵਰਤੇ ਹੋਏ ਹਨ, ਅਤੇ 4 ਕੌਰਡਸ ਮੁੱਲ ਖੋਜਣਾ ਚਾਹੁੰਦੇ ਹਨ।ਅਗਰ ਚਿੱਤਰ ਦੇ ਰੂਪ ਵਿੱਚ ਨਾਮ ਨਹੀਂ ਦਿੱਤਾ ਗਿਆ ਅਤੇ ਟੈਗ ਵਿੱਚ 4 ਕੌਰਡਸ ਨਹੀਂ ਦਿੱਤੇ ਗਏ, ਤਾਂ ਬਰਾਉਜ਼ਰ ਪੂਰੇ ਖੇਤਰ ਨੂੰ ਨਹੀਂ ਮੰਨੇਗਾ।

ਪਛਾਣ ਸਕਦੇ ਹਨ shape ਬਰਾਉਜ਼ਰ ਪ੍ਰਤੀਯੋਗਿਤਾ ਦੇ default ਮੁੱਲ ਵਾਲੇ ਬਰਾਉਜ਼ਰ ਨੂੰ, ਸਾਰੇ ਹਾਟਸਪੋਇੰਟਾਂ ਦਾ ਇੱਕ ਖੇਤਰ ਪ੍ਰਦਾਨ ਕਰ ਸਕਦੇ ਹਨ, ਜਿਸ ਨੂੰ ਹਾਟਸਪੋਇੰਟਾਂ ਦੇ ਦਾਇਰੇ ਤੋਂ ਬਾਹਰ ਕਲਿੱਕ ਕਰਨ ਲਈ ਵਰਤਿਆ ਜਾਵੇਗਾ।ਕਿਉਂਕਿ <map> ਟੈਗ ਵਿੱਚ ਖੇਤਰ "first come, first served" ਕਿਸਮ ਦਾ ਕਰਮ ਹੈ, ਸਾਰੇ ਮੂਲਤਬੀ ਖੇਤਰ ਪਿਛੋਕੜ ਵਿੱਚ ਰੱਖਣਾ ਹੈ।ਨਹੀਂ ਤਾਂ ਮੂਲਤਬੀ ਖੇਤਰ ਹੋਰ ਚਿੱਤਰ ਮੈਪਿੰਗ ਵਿੱਚ ਦਿਖਾਈ ਦੇਣ ਵਾਲੇ ਸਾਰੇ ਖੇਤਰਾਂ ਨੂੰ ਸ਼ਾਮਲ ਕਰ ਦੇਵੇਗਾ。

ਬਰਾਉਜ਼ਰ ਨਾਮ ਦੇ ਰੂਪ ਵਿੱਚ ਸ਼ਰਤਾਂ ਨਹੀਂ ਹਨ।ਉਦਾਹਰਨ ਵਜੋਂ, ਚੌਕਾ ਲਈ ਨੈਟਸਕੇਪ 4 "rectangle" ਨੂੰ ਪਛਾਣ ਨਹੀਂ ਸਕਦਾ, ਪਰ "rect" ਨੂੰ ਪਛਾਣ ਸਕਦਾ ਹੈ।ਇਸ ਕਾਰਣ, ਅਸੀਂ ਘੱਟ ਨਾਮ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੀ ਸਲਾਹ ਦਿੰਦੇ ਹਾਂ。

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

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

ਐੱਚਟੀਐੱਲ <area> ਟੈਗ