Help us test MDN's new front-end: https://discourse.mozilla.org/t/help-us-test-mdns-new-react-front-end-beta/42593

Esta tradução está incompleta. Por favor, ajude a traduzir este artigo.

O elemento HTML <strong> dá ao texto uma forte importância, e é tipicamente mostrado em negrito.
Categorias do conteúdo Flux content, Phrasing content, conteúdo palpável.
Conteúdo permitido Phrasing content.
Omissão de tag Nenhuma, deve ter uma tag de início e uma tag de encerramento.
Permitted parents Qualquer elemento que aceite phrasing content, ou qualquer elemento que aceite flow content.
Permitted ARIA roles Qualquer um
DOM interface HTMLElement Até Gecko 1.9.2 (Firefox 4) inclusive, Firefox implementa a interface HTMLSpanElement para este elemento.

Atributos

Este elemento inclui apenas os atributos globais.

Notas de uso

O elemento <strong> é utilizado em conteúdos que são de "grande importância", incluindo coisas de urgentes (como alertas). Podem ser sentenças que são de grande importância para toda a página, ou, você pode meramente tentar pontuar que algumas palagras são de grande importância, comparado ao conteúdo próximo.

Tipicamente, estes elementos são renderizados por padrão, usando fontes em negrito. Contudo, ele não deve ser usado para simplesmente aplicar o estilo negrito; use o CSS font-weight para este propósito. Use o elemento <b> para chamar a atenção para certos textos sem a indicação de grande nível de importância. Use o elemento <em> para marcar textos que tem necessitam de ênfase.

Outro uso aceitavel para <strong> é denotado com o rótulo (label) de parágrafos, que representa notas ou avisos, dentro do texto da página.

Bold vs. Strong

Muitas vezes é confuso para novos desenvolvedores porque há tantas maneiras de expressar a mesma coisa em um website renderizado. Bold e Strong são talvez um dos casos mais comuns. Porque usar <strong></strong> vs <b></b>? Você precisa digitar muito mais ao usar strong e ela produz o mesmo resultado, certo?

Talvez não; strong é um estado lógico, e bold é um estado físico. Estados lógicos separam apresentação do conteúdo, e ao fazer isso permitem que ele seja expresso de várias maneiras diferentes. Possivelmente em vez de renderizar um texto como negrito você queira renderizá-lo vermelho, ou num tamanho diferente, ou sublinhado, ou seja lá o que for. Faz mais sentido mudar as propriedades de apresentação de strong do que bold. Isto porque bold é um estado físico; não há separação enre a apresentação e o conteúdo, e fazer com que bold faça qualquer outra coisa diferente de deixar o texto em negrito seria confuso e ilógico.

É importante notar que <b></b> tem outros usos, quando se quer chamar atenção sem aumentar a importância.

Emphasis vs. Strong

Enquanto no HTML4, Strong simplesmente indicava uma ênfase mais forte, em HTML5, o elemento é descrito como representando "uma forte importância para o seu conteúdo." Esta é uma importante distinção a se fazer. Enquanto Emphasis é usado para alterar o significado de uma sentença ("Eu amo cenouras" vs. "Eu amo cenouras"), Strong é usado para dar mais importância a porções de uma sentença (e.g., "Cuidado! Isso é muito perigoso."). Ambos Strong e Emphasis podem ser aninhados para aumentar o grau relativo de importância ou reforçar ênfase, respectivamente.

Exemplo

Exemplo básico

<p>Ao fazer x é <strong>imperativo</strong>
   que se faça y antes de prosseguir.</p>

Resultado

Ao fazer x é imperativo que se faça y antes de prosseguir.

Especificações

Especificação Status Comentário
HTML Living Standard
The definition of '<strong>' in that specification.
Padrão em tempo real
HTML5
The definition of '<strong>' in that specification.
Recomendação
HTML 4.01 Specification
The definition of '<strong>' in that specification.
Recomendação
Estamos convertendo nossos dados de compatibilidade para o formato JSON. Esta tabela de compatibilidade ainda usa o formato antigo, pois ainda não convertemos os dados que ela contém. Descubra como você pode ajudar!
Feature Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 1.0 (Yes) (Yes) (Yes) (Yes) (Yes)
Feature Android Edge Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support (Yes) (Yes) (Yes) (Yes) (Yes) (Yes)

Veja também

Etiquetas do documento e colaboradores

Última atualização por: wcqueiroz,