<strong>
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
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 palavras 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 entre 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
Specification |
---|
HTML Standard # the-strong-element |
Navegadores Compatíveis
BCD tables only load in the browser