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 は <a> タグの shape 属性をサポートしません。

shape 属性と coords 属性を組み合わせて、<object>や<img>要素内のリンクの大きさ、形状、位置を指定します。

ヒント：すべてのブラウザで使用できるイメージマップを作成するには、 <area> 要素!

文法

<a shape="value">

属性値

値	説明
default	すべてのエリアを指定します。
rect	矩形エリアを定義します。
circle	円を定義します。
poly	多角形エリアを定義します。

HTML <a> タグ

HTML: <template> タグ