Alternativa B - By using the coords attribute with four values: $x1, y1, x2, y2$, where $(x1, y1)$ is the top-left corner and $(x2, y2)$ is the bottom-right corner.
Introdução aos Image Maps em HTML
No desenvolvimento web, Image Maps (Mapas de Imagem) permitem que uma única imagem contenha múltiplas áreas clicáveis. Elas são definidas usando a tag <map> e as áreas específicas são criadas com a tag <area>.
Para configurar essas áreas, dois atributos principais são essenciais:
shape: Define o formato da área (ex: rect, circle, poly).coords: Define as coordenadas exatas da área na imagem.
Desenvolvimento da Resposta
A questão pergunta especificamente sobre um hotspot retangular (rect).
No sistema de coordenadas padrão para imagens na web:
- O ponto $(0, 0)$ é o canto superior esquerdo.
- Os valores aumentam para a direita (eixo X) e para baixo (eixo Y).
Para definir um retângulo, precisamos dos dois cantos opostos. A sintaxe correta é:
$$x1, y1, x2, y2$$
Onde:
- $(x1, y1)$ representa o canto superior esquerdo.
- $(x2, y2)$ representa o canto inferior direito.
Isso difere de outras formas geométricas. Por exemplo, um círculo usa três valores (centro X, centro Y e raio): $cx, cy, r$.
Análise das Alternativas
Vamos verificar cada opção apresentada na imagem:
- Opção 1 (Raio): Incorreta. O atributo
radius não existe isoladamente. O raio é usado apenas dentro do atributo coords quando a forma é um círculo. - Opção 2 (Coordenadas Retangulares): Correta. Descreve exatamente a sintaxe exigida pelo padrão HTML para a forma
rect no atributo coords. - Opção 3 (Path): Incorreta. Não existe atributo
path para definir hotspots em mapas de imagem HTML clássicos (embora SVG use caminhos vetoriais). - Opção 4 (Dimensions): Incorreta. Não há atributo chamado
dimensions para definir as coordenadas de interação do usuário.
| Forma | Sintaxe de Coordenadas | Atributo coords |
|---|
| Retângulo | $x1, y1, x2, y2$ | 4 valores |
| Círculo | $cx, cy, r$ | 3 valores |
| Polígono | $x1, y1, x2, y2, ...$ | Múltiplos pares |
Conclusão
A definição correta para um hotspot retangular envolve fornecer as coordenadas do canto superior esquerdo e do canto inferior direito através do atributo coords. Portanto, a alternativa que descreve isso é a correta.