HTML

Qual a diferença semântica entre <em> e <strong>?

12 de maio de 2020

Qual a diferença semântica entre <em> e <strong>?

Neste artigo veremos qual a diferença semântica entre <em> e <strong>  e também se devemos continuar utilizando as tags <i> e <b>

diferencas entre em e strong capa

Fala programador(a), tudo bem? Bora aprender mais sobre HTML e a sua semântica!

Estas tags são comumente confundidas, e até com razão, em questão de estilo elas tem a mesma aparência

As tags <i> e <em> deixam o texto em itálico e as tags <b> e <strong> por sua vez, deixam o texto em negrito

Então vamos esclarecer alguns pontos!

Sobre estilo

As tags em nenhum momento devem ser utilizadas como forma de estilo do HTML

Para este fim devemos sempre optar por CSS, afinal podemos chegar no mesmo resultado sem poluir o HTML com tags

Além delas terem sentido específico quando falamos em semântica

Sobre a semântica

Agora sim o real propósito destas tags, então vamos uma a uma para ver sua real função:

  • A tag <i>: Utilizada para termos especiais, como o nome de uma espécie de animal por exemplo, que geralmente não está na nossa língua;
  • A tag <em>: Utilizada para dar ênfase a um texto ou palavra;
  • A tag <b>: Destaque em um texto ou palavra;
  • A tag <strong>: Utilizada para palavras ou textos de alta importância no HTML;

Então agora, deve ter ficado mais claro o propósito de cada uma e isso deve ser levado em conta, pois o mecanismo que o Google utiliza para criar os resultados orgânicos leva em conta estas tags

E é normal que você ainda esteja um pouco confuso, pois o conceito de texto com enfase é bem amplo e o de alta importância também

Sugiro então uma verificação na documentação, com uma explicação mais ampla e detalhada, além de exemplos:

Conclusão

Neste artigo vimos a diferença semântica entre <em> e <strong>

E também aprendemos umas outras variações com as tags <i> e <b>

Outro ponto importante é que estas tags não devem ser utilizadas para fins de estilização da página, isso você deve fazer com CSS

Confira também nosso catálogo de cursos gratuitos, com aulas semanais no YouTube

Subscribe
Notify of
guest
0 Comentários
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x