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/em/index.html | 117 +++++++++++++++++++++++++++++ 1 file changed, 117 insertions(+) create mode 100644 files/pt-br/web/html/element/em/index.html (limited to 'files/pt-br/web/html/element/em') diff --git a/files/pt-br/web/html/element/em/index.html b/files/pt-br/web/html/element/em/index.html new file mode 100644 index 0000000000..553027535b --- /dev/null +++ b/files/pt-br/web/html/element/em/index.html @@ -0,0 +1,117 @@ +--- +title: ': O elemento de ênfase' +slug: Web/HTML/Element/em +tags: + - Elemento + - HTML + - Referencia + - Semântica inline HTML + - Web + - font-style +translation_of: Web/HTML/Element/em +--- +

O elemento HTML <em> marca o texto que tem ênfase. O elemento <em> pode ser aninhado, com cada nível de aninhamento indicando um grau maior de ênfase.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Categorias de conteúdoConteúdo fluído, conteúdo de frase, conteúdo palpável
Conteúdo permitidoConteúdo de frase.
Omissão de tag{{no_tag_omission}}
Pais permitidosQualquer elemento que aceita conteúdo de frase.
Funções de ARIA permitidasQualquer uma
Interface DOM{{domxref("HTMLElement")}} Até o Gecko 1.9.2 (Firefox 4) incluso, o Firefox implementa a interface{{domxref("HTMLSpanElement")}} para este elemento.
+ +

Atributos

+ +

Este elemento inclui somente os atributos globais.

+ +

Notas de uso

+ +

Este elemento geralmente é mostrado no tipo itálico. Contudo, não deve ser usado simplesmente para aplicar estilo itálico; use o estilo CSS para esse propósito. Use o elemento {{HTMLElement("cite")}} para marcar o título de um trabalho (book, play, song, etc.); também é geralmente estilizado com tipo itálico, mas possui significado diferente. Use o elemento {{HTMLElement("strong")}} para marcar o texto que tem importância maior do que o texto que está em volta.

+ +

Exemplo

+ +

O elemento <em> é frequentemente usado para indicar um contraste implícito ou explícito.

+ +
<p>
+  Em HTML 5, o que anteriormente era chamado de conteúdo
+  <em>block-level</em> agora é chamado de conteúdo
+  <em>flow</em> .
+</p>
+ +

Resultado

+ +

Em HTML5, o que anteriormente era chamado de conteúdo block-level (nível de bloco) agora é chamado de flow content (conteúdo fluído).

+ +

<i> vs <em>

+ +

É frequentemente confuso para novos desenvolvedores porque há vários elementos para expressar a ênfase em algum texto. <i> e <em> são talvez uns dos mais comuns. Por que usar <em></em> vs <i></i>? Eles produzem o mesmo resultado, certo?

+ +

Não exatamente. O resultado visual é, por padrão, o mesmo - ambas as tags renderizam seu conteúdo em itálicos. Mas o significado semântico é diferente. A tag <em> representa ênfase importante de seus conteúdos, enquanto que a tag <i> representa o texto que é iniciado de uma prosa, como uma palavra estrangeira, pensamentos de um personagem ficcional, ou quando o texto se refere á definição de uma palavra em vez de representar seu significado semântico. (O título de um trabalho, tal como o nome de um livro ou filme, deve usar <cite>.)

+ +

Um exemplo para <em> poderia ser: "Apenas já faça isso!", ou: "Nós temos que fazer algo acerca disso". Uma pessoa ou software lendo o texto pronunciaria as palavras em itálico com uma ênfase.

+ +

Um exemplo para <i> poderia ser: "A Rainha Mary velejou na noite passada". Aqui, não é adicionada ênfase ou importância na palavra "Rainha Mary". É meramente indicado que o objeto em questão não é uma rainha chamada Mary, mas um navio chamado Rainha Mary. Outro exemplo para <i> poderia ser: "A palavra o é um artigo".

+ +

Especificações

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

Compatiblidade de navegador

+ + + +

{{Compat("html.elements.em")}}

+ +

Veja também

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