Tag HTML <strong>
A tag HTML <strong> marca texto com grande importância, seriedade ou urgência. Significado, acessibilidade, exemplos e <b> vs <em>.
A tag HTML <strong> marca texto como tendo grande importância, seriedade ou urgência. Este é o seu propósito principal: ela carrega significado, não apenas aparência. Os navegadores renderizam o conteúdo de <strong> em negrito por padrão, mas o negrito é um efeito colateral — o valor real está em dizer aos navegadores, mecanismos de busca e tecnologias assistivas que este texto importa mais do que o conteúdo ao redor.
Esta página explica o que <strong> significa, como ele difere do estilo negrito e das tags semelhantes <b> e <em>, como leitores de tela e o SEO o tratam, e como usá-lo corretamente com exemplos funcionais.
Por que usar <strong> em vez de estilo negrito?
É útil separar dois conceitos diferentes:
- Peso visual — texto que simplesmente parece em negrito. Você obtém isso com CSS
font-weight: boldou a tag<b>. Isso muda apenas a aparência e não carrega nenhum significado. - Importância — texto que é mais importante do que o que está ao redor. É isso que
<strong>representa. A renderização em negrito é a apresentação padrão dessa importância, mas você poderia reestilizá-la com CSS e o significado permaneceria.
Use <strong> quando a ênfase faz parte do significado do conteúdo — um aviso, um prazo, uma instrução crítica. Use estilo negrito (CSS ou <b>) quando quiser apenas que as palavras se destaquem visualmente, como um nome de produto ou palavra-chave que você está destacando para leitura rápida.
Enquanto o HTML4 definia <strong> como implicando uma ênfase mais forte, o HTML5 o redefiniu como representando a grande importância do conteúdo. Você também pode aninhar <strong> dentro de <strong> para aumentar a importância relativa de uma frase.
Se você quiser texto em negrito puramente para decoração — sem nenhuma importância adicional — use a tag <b> ou a propriedade CSS font-weight em vez de <strong>.
<strong> vs <b> vs <em>
Essas três tags mudam a aparência do texto, mas têm significados diferentes. Escolher a correta é o que torna sua marcação semântica.
| Tag | Aparência padrão | Significado | Use para |
|---|---|---|---|
<strong> | Negrito | Grande importância, seriedade, urgência | Avisos, prazos, instruções críticas |
<b> | Negrito | Sem importância adicional — destaque estilístico | Palavras-chave, nomes de produtos, frase de abertura |
<em> | Itálico | Ênfase de stress que muda o significado falado | Palavras que você diria com ênfase vocal |
Uma forma rápida de lembrar: <strong> significa "isto é importante," <em> significa "diga isso de forma diferente," e <b> significa "apenas coloque em negrito." Para texto destacado (em vez de importante), veja a tag <mark>.
Acessibilidade e SEO
Os benefícios genuínos de <strong> são semântica e busca:
- Mecanismos de busca podem usar a marcação como sinal de que o texto envolvido é mais significativo do que o restante do conteúdo, o que ajuda a descrever o tema da página.
- Tecnologia assistiva recebe a importância como parte da estrutura do documento. A maioria dos leitores de tela populares não muda automaticamente a voz para
<strong>por padrão, mas a importância ainda é exposta e os usuários podem configurar seu software para anunciá-la.
Em resumo, não use <strong> para obter ênfase vocal — use-o porque o texto genuinamente é mais importante. O significado é no que as ferramentas se baseiam; a aparência em negrito é apenas o padrão.
Sintaxe
A tag <strong> vem em pares. O conteúdo é escrito entre as tags de abertura (<strong>) e fechamento (</strong>). Esquecer o </strong> de fechamento é um erro comum — sem ele, o restante do seu texto pode ser marcado como importante também.
Exemplo da tag HTML <strong>
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>We’ve used the <strong>strong</strong> tag to highlight this important part of the text.</p>
</body>
</html>Resultado
Exemplo: urgência e avisos
Um uso natural de <strong> é sinalizar algo que o leitor não pode deixar passar:
<!DOCTYPE html>
<html>
<body>
<p><strong>Warning:</strong> this action permanently deletes your account.</p>
<p>Submit the form before <strong>5:00 PM on Friday</strong> — late entries are not accepted.</p>
</body>
</html>Atributos
A tag <strong> suporta os Atributos Globais e os Atributos de Evento. Por exemplo, você pode aplicar uma classe para estilizá-la de forma diferente:
<strong class="warning">Important notice</strong>