Questão de TI - Desenvolvimento de Sistemas — HTML — VUNESP 2024

Atributo title em HTML: tooltip nativo

Gabarito: letra A. O atributo title do elemento <p> define um texto de dica que o navegador exibe como tooltip quando o mouse permanece sobre o elemento; o conteúdo visível na página é o texto entre as tags (Inscreva-se no nosso concurso!), e o valor do atributo só aparece ao passar o mouse. É o comportamento padrão do HTML, suportado por Edge e Chrome.

O atributo title é um atributo global do HTML — pode ser usado em qualquer elemento — e serve para fornecer informações adicionais sobre o elemento. Quando o usuário posiciona o cursor sobre o elemento e o mantém parado por um instante, o navegador exibe uma pequena caixa de texto (o tooltip) com o conteúdo do atributo. Esse conteúdo não faz parte do fluxo normal da página: ele não ocupa espaço, não é selecionável e não aparece em leitores de tela de forma padronizada (embora alguns leitores o anunciem).

No código da questão, temos:

<p title="Termina em 10/07/2024">Inscreva-se no nosso concurso!</p>

O texto visível na tela é "Inscreva-se no nosso concurso!" — é o conteúdo do elemento. O atributo title carrega o texto "Termina em 10/07/2024", que será exibido como tooltip quando o mouse passar sobre o parágrafo. Note que, no código original, as aspas do atributo foram omitidas (title= Termina em 10/07/2024 >), o que é um erro de sintaxe HTML: sem aspas, o navegador interpreta o valor do atributo até o primeiro espaço, ou seja, title="Termina" e o restante (em 10/07/2024) vira texto solto. Porém, a banca considerou a intenção correta — o atributo title com o valor completo — e o gabarito é a letra A. Em HTML5, as aspas são opcionais quando o valor não contém espaços, mas aqui há espaços, então o correto seria usar aspas. Ainda assim, a alternativa A descreve o comportamento esperado do atributo title.

A pegadinha da questão está em inverter o que é conteúdo visível e o que é tooltip. O candidato pode confundir e achar que o texto do atributo aparece na tela, mas não: o atributo title nunca é renderizado como conteúdo da página — ele é metadado exibido apenas na interação do mouse.

Guarde a distinção: conteúdo do elemento (entre as tags) = texto visível; atributo title = texto do tooltip. É exatamente essa fronteira que as alternativas exploram.

Alternativa A — ✅ Correta ⟵ GABARITO

Descreve com precisão o comportamento do atributo title: o texto "Inscreva-se no nosso concurso!" é exibido na página, e ao passar o mouse sobre ele, o navegador mostra o tooltip "Termina em 10/07/2024". É o funcionamento padrão do HTML.

Alternativa B — ❌ Incorreta

Inverte os papéis: afirma que o texto visível é "Termina em 10/07/2024" e o tooltip é "Inscreva-se no nosso concurso!". Na verdade, o conteúdo do elemento é o texto visível, e o atributo title é o tooltip. A banca troca o conteúdo pelo atributo.

Alternativa C — ❌ Incorreta

Afirma que apenas "Termina em 10/07/2024" é exibido. Esse texto é o valor do atributo title, que só aparece como tooltip ao passar o mouse — não é o conteúdo visível da página. O texto visível é "Inscreva-se no nosso concurso!".

Alternativa D — ❌ Incorreta

Sugere que os dois textos aparecem em linhas separadas na página. Isso não ocorre: o atributo title não gera conteúdo visível na página; ele é exibido apenas como tooltip na interação do mouse.

Alternativa E — ❌ Incorreta

Mistura formatação inexistente: afirma que "Termina em 10/07/2024" aparece em negrito e fonte grande, e "Inscreva-se no nosso concurso!" em fonte normal. Não há nenhuma tag de formatação (<b>, <strong>, <h1>, etc.) no código — o texto visível é apenas "Inscreva-se no nosso concurso!", sem formatação especial, e o atributo title não é exibido como conteúdo.

Gabarito: letra A