HTML 参考手册

HTML 标签大全

HTML: <a> shape 属性

本文介绍HTML a shape 属性的使用方法，在线实例演示如何使用HTML a shape 属性、浏览器的兼容性、语法定义及它的属性值详细资料等。

在线示例

在<a>元素中使用shape和coords属性来创建图像映射:

示例

<!DOCTYPE　html>
<html>
<head>　
<meta　charset="utf-8">　
<title>HTML　a　shape　属性-基础教程网(oldtoolbag.com)</title>　
</head>
<body>
<object　data="planets.gif"　alt="Planets"　type="image/gif"　usemap="#Map1">
　　<map　name="Map1">
　　<a　href="sun.html"　shape="rect"　coords="0,0,82,126">The　Sun</a>
　　<a　href="mercur.html"shape="circle"　coords="90,58,3">Mercury</a>
　　<a href="venus.html" shape="circle" coords="124,58,8">Venus</a>
　　</map>
</object>
</body>
</html>

اختبار لمعرفة ‹/›

توافق المتصفحات

IEFirefoxOperaChromeSafari

يدعم خاصية shape حاليًا فقط Firefox و Opera.

التعريف والاستخدام

HTML5 لا يدعم خاصية shape لـ <a>.

خصائص shape مع coords خصائص معًا، لتحديد حجم، شكل ووضع رابط في عناصر <object> أو <img>.

نصيحة:لإنشاء خريطة صورة يمكن استخدامها في جميع المتصفحات، استخدم <area> عنصر!

النحو

<a shape="value">

قيمة الخاصية

قيمة	وصف
default	تحديد جميع المناطق.
rect	تحديد منطقة مستطيل.
circle	تحديد دائرة.
poly	تحديد منطقة شكل متعدد الأضلاع.

HTML <a> العنوان

HTML: <template> العنوان