Manual de Referência HTML

大全 de Tags HTML

HTML: Propriedade a shape do <a>

Este artigo apresenta o uso da propriedade a shape do HTML, incluindo exemplos práticos, compatibilidade do navegador, definição sintática e detalhes dos valores das propriedades.

HTML <a> etiqueta

Exemplo Online

Uso da propriedade shape e coords no elemento <a> para criar um mapeamento de imagem:

Exemplo

<!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>Propriedade a shape do HTML</title>-Site de Tutoriais Básicos(oldtoolbag.com)</title>　
body>/head>
<body>
<object data="planets.gif" alt="Planetas" type="image/gif" usemap="#Map1">
　　<map name="Map1">
　　<a href="sun.html" shape="rect" coords="0,0,82<a href="venus.html" shape="circle" coords="126">O Sol</">Venus<
　　<a href="mercur.html" shape="circle" coords="90,58<a href="venus.html" shape="circle" coords="30,/">Venus<
　　">Mercury<124<a href="venus.html" shape="circle" coords="58<a href="venus.html" shape="circle" coords="8,/">Venus<
　　body>/a>
body>/map>
body>/object>
body>/<

html>/Teste e veja ‹

›

Compatibilidade do navegadorIEFirefoxOperaChrome

Safari

Atualmente, apenas Firefox e Opera suportam a propriedade shape.

Definição e uso5 HTML

A propriedade shape não é mais suportada no atributo <a>. coords Atributos combinados, para especificar o tamanho, forma e posição de links no elemento <object> ou <img>.

Dica:Para criar um mapa de imagem que funcione em todos os navegadores, use <area> Elemento!

Sintaxe

<a shape="value">

Valor do atributo

Valor	Descrição
default	Especificar todas as áreas.
rect	Definir uma área retangular.
circle	Definir um círculo.
poly	Definir uma área poligonal.

HTML <a> etiqueta

HTML: <template> etiqueta