Questão de Programação — Linguagens de marcação — VUNESP 2023
Programação›Linguagens de marcação
Código
vu073345
Banca
VUNESP
Órgão
DPE-SP
Ano
2023
Nível
Superior
Cargo
Agente de Defensoria - Analista Desenvolvedor
Elaborou-se um programa na linguagem HTML que, ao ser executado por um navegador que a suporte, exibiu na tela.Ao se passar o mouse sobre RJ é exibido Rio de Janeiro. A linha de comando que possibilita essa exibição é:
A<p>O <abbr = Rio de Janeiro RJ></abbr> é um estado do Brasil.</p>
B<p>O <abbr Rio de Janeiro> title= RJ </abbr> é um estado do Brasil.</p>
C<p>O <abbr title= RJ >Rio de Janeiro</abbr> é um estado do Brasil.</p>
D<p>O <abbr title= Rio de Janeiro > title= RJ </abbr> é um estado do Brasil.</p>
E<p>O <abbr title= Rio de Janeiro >RJ</abbr> é um estado do Brasil.</p>
Revelar gabarito e comentário▾
GabaritoE — <p>O <abbr title= Rio de Janeiro >RJ</abbr> é um estado do Brasil.</p>
Comentário gerado por IA. É um apoio ao estudo, ancorado em fontes, mas pode conter imprecisões — confira sempre na fonte oficial (lei, súmula, edital e gabarito da banca). Encontrou um erro? Use “Reportar”.
HTML: a tag <abbr> e o atributo title
Gabarito: letra E. A tag <abbr> marca uma abreviação ou sigla, e o atributo global title fornece a forma completa ou a explicação do termo abreviado, exibida como uma dica de ferramenta (tooltip) ao passar o mouse. A alternativa E é a única que coloca o texto visível ("RJ") entre as tags de abertura e fechamento, e o texto completo ("Rio de Janeiro") no atributo title, seguindo a sintaxe correta do HTML.
A questão testa dois elementos fundamentais do HTML: a tag semântica <abbr> e o atributo global title. A tag <abbr> indica que o conteúdo entre suas tags de abertura e fechamento é uma abreviação ou sigla. O atributo title, por sua vez, pode ser usado em qualquer elemento HTML para fornecer informações adicionais sobre ele. Quando o usuário passa o mouse sobre o elemento, o navegador exibe o conteúdo do atributo title como uma dica de ferramenta.
A sintaxe correta é: <abbr title="texto completo">abreviação</abbr>. O texto que deve ser exibido na página (a abreviação) fica entre as tags de abertura e fechamento, enquanto o texto que aparece na dica de ferramenta (a forma completa) fica no atributo title. É importante notar que o atributo title deve ser escrito dentro da tag de abertura, e o valor do atributo deve estar entre aspas.
A pegadinha da banca está em inverter a posição dos textos: colocar o texto completo entre as tags e a abreviação no atributo, ou usar sintaxe inválida. A alternativa E é a única que respeita a ordem correta: a sigla "RJ" é o conteúdo visível, e "Rio de Janeiro" é o valor do atributo title.
NÃO CAIA NESSA!
A banca adora inverter os papéis: colocar o texto completo entre as tags e a sigla no atributo title, ou usar sintaxe inválida. Lembre-se: o que aparece na página é o conteúdo entre as tags; o que aparece no tooltip é o valor do atributo title. Com treino, você identifica essa troca de longe 💪
Alternativa A — ❌ Incorreta
A sintaxe <abbr = Rio de Janeiro RJ></abbr> é inválida. O atributo title não foi declarado; em vez disso, há um sinal de igual sem nome de atributo, e o conteúdo entre as tags está vazio. O texto "Rio de Janeiro RJ" está solto, sem função definida. Para funcionar, deveria ser <abbr title="Rio de Janeiro">RJ</abbr>.
Alternativa B — ❌ Incorreta
A sintaxe <abbr Rio de Janeiro> title= RJ </abbr> é inválida. O atributo title não foi declarado corretamente; "Rio de Janeiro" aparece como se fosse um atributo sem valor, e "title= RJ" está como conteúdo entre as tags, não como atributo. O navegador não reconhece essa estrutura e não exibirá tooltip algum.
Alternativa C — ❌ Incorreta
Aqui, o texto visível é "Rio de Janeiro" e o atributo title contém "RJ". Isso inverte a lógica: ao passar o mouse sobre "Rio de Janeiro", o tooltip exibiria "RJ", mas o enunciado pede o contrário — ao passar o mouse sobre "RJ", deve aparecer "Rio de Janeiro". Além disso, o atributo title está sem aspas, o que é uma prática incorreta, embora alguns navegadores tolerem.
Alternativa D — ❌ Incorreta
A sintaxe <abbr title= Rio de Janeiro > title= RJ </abbr> é inválida. O atributo title aparece duas vezes: uma na tag de abertura (sem aspas) e outra como conteúdo entre as tags. O navegador não sabe qual usar, e o conteúdo visível seria "title= RJ", não "RJ". A estrutura está completamente errada.
Alternativa E — ✅ Correta ⟵ GABARITO
A sintaxe <abbr title="Rio de Janeiro">RJ</abbr> é a correta. O texto visível é "RJ" (a sigla), e o atributo title contém "Rio de Janeiro" (a forma completa). Ao passar o mouse sobre "RJ", o navegador exibe o tooltip "Rio de Janeiro", exatamente como pede o enunciado. O atributo title está dentro da tag de abertura, com o valor entre aspas, e o conteúdo entre as tags é a abreviação.
Ao se passar o mouse sobre RJ é exibido Rio de Janeiro. A linha de comando que possibilita essa exibição é: