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 é:
x_1, y_1, x_2, y_2
Onde:
- (x_1, y_1) representa o canto superior esquerdo.
- (x_2, y_2) 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 | x_1, y_1, x_2, y_2 | 4 valores |
| Círculo | cx, cy, r | 3 valores |
| Polígono | x_1, y_1, x_2, y_2, ... | 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.