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>

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!

Formação Recomendada

Formação Claude Code

Domine Claude Code do absoluto zero até o avançado

• 118 aulas
• 4 projetos
• 9h 33min

Conhecer formação

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:

• Documentação tag <i>
• Documentação tag <em>
• Documentação tag <b>
• Documentação tag<strong>

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