From 074785cea106179cb3305637055ab0a009ca74f2 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:52 -0500 Subject: initial commit --- files/pt-br/web/html/element/strong/index.html | 170 +++++++++++++++++++++++++ 1 file changed, 170 insertions(+) create mode 100644 files/pt-br/web/html/element/strong/index.html (limited to 'files/pt-br/web/html/element/strong') diff --git a/files/pt-br/web/html/element/strong/index.html b/files/pt-br/web/html/element/strong/index.html new file mode 100644 index 0000000000..f215df2072 --- /dev/null +++ b/files/pt-br/web/html/element/strong/index.html @@ -0,0 +1,170 @@ +--- +title: +slug: Web/HTML/Element/strong +tags: + - Elemento + - HTML + - Referência(2) + - Semântica HTML a nível de texto(2) + - Web +translation_of: Web/HTML/Element/strong +--- +
O elemento HTML <strong> dá ao texto uma forte importância, e é tipicamente mostrado em negrito.
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Categorias do conteúdoFlux content, Phrasing content, conteúdo palpável.
Conteúdo permitidoPhrasing content.
Omissão de tagNenhuma, deve ter uma tag de início e uma tag de encerramento.
Permitted parentsQualquer elemento que aceite phrasing content, ou qualquer elemento que aceite flow content.
Permitted ARIA rolesQualquer um
DOM interface{{domxref("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 {{cssxref("font-weight")}} para este propósito. Use o elemento {{HTMLElement("b")}} para chamar a atenção para certos textos sem a indicação de grande nível de importância. Use o elemento {{HTMLElement("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

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
EspecificaçãoStatusComentário
{{SpecName('HTML WHATWG', 'semantics.html#the-strong-element', '<strong>')}}{{Spec2('HTML WHATWG')}}
{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-strong-element', '<strong>')}}{{Spec2('HTML5 W3C')}}
{{SpecName('HTML4.01', 'struct/text.html#edef-STRONG', '<strong>')}}{{Spec2('HTML4.01')}}
+ + + +

{{CompatibilityTable}}

+ +
+ + + + + + + + + + + + + + + + + + + + + +
FeatureChromeEdgeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Basic support1.0{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + +
FeatureAndroidEdgeFirefox Mobile (Gecko)IE PhoneOpera MobileSafari Mobile
Basic support{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
+
+ +

+ +

Veja também

+ + + +
{{HTMLRef}}
-- cgit v1.2.3-54-g00ecf