Manuale di riferimento HTML

Completo elenco dei tag HTML

HTML: attributo shape <a>

Questo articolo introduce l'uso dell'attributo shape in HTML a, con esempi pratici, compatibilità del browser, definizione della sintassi e dettagli delle proprietà dell'attributo.

HTML <a> etichetta

Esempio online

Usare gli attributi shape e coords nell'elemento <a> per creare una mappatura di immagini:

Esempio

<!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>HTML a shape attributo - Guida di base (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>
　　Venus
　　<a href="venus.html" shape="circle" coords="124,58,8">Venus</a>
</map>
</object>
</body>

</html>

Prova a vedere ‹/›

Compatibilità del browserIEFirefoxOperaChrome

Safari

Al momento, solo Firefox e Opera supportano l'attributo shape.

Definizione e utilizzo

L'attributo shape non è più supportato da HTML5 per l'etichetta <a>. coords Combinare attributi per specificare la dimensione, la forma e la posizione dei collegamenti degli elementi <object> o <img>.

Suggerimento:Per creare una mappa di immagini compatibile con tutti i browser, utilizzare <area> Elemento!

Sintassi

<a shape="value">

Valore dell'attributo

Valore	Descrizione
default	Specificare tutte le aree.
rect	Definire un'area rettangolare.
circle	Definire un cerchio.
poly	Definire un'area poligonale.

HTML <a> etichetta

HTML: <template> etichetta