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!
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