Neste post de HTML5 vamos aprender, como usar de maneira correta o negrito e itálico em HTML5, com o uso das tags <strong> e <em>.
Também vamos entender qual as diferenças destas tags para as tags <b> e <i>.

Negrito em HTML5 – A tag <strong>

O antigo HTML, era mais focado em formatação pura e simples de texto, como faz um editor de textos.
O negrito em HTML5 não quer dizer somente que aquele texto está mais grosso, quer dizer que ele está em destaque, mais visível e semanticamente mais forte.
Assim, a sintaxe para usar o negrito em HTML5 é:

<strong>Negrito em HTML5</strong>

Diferença entre <b> e <strong>
Visualmente não muda nada.

<strong>Negrito em HTML5</strong>  
<b>Negrito em HTML5</b>

A tag <strong> serve para dizer ao Google “Cara, esse pedacinho aqui é bem relevante, e diz bastante sobre essa página, então pode considerar ele mais que os restante, beleza?”, ajudando assim também para melhorar o SEO.

Assim, quando você quiser enfatizar um texto, use a <strong>, caso você queira apenas estilizá-la, faça isso com css.

Itálico em HTML5 – A tag <em>

Temos o <i> e o <em>, para lidarmos com textos em itálico.

<em>Itálico em HTML5</em>

A diferença desta tag <em> para a tag <i>, é que a <i> simplesmente inclina o texto.
Já a tag <em>, tem um significado por trás da formatação do trecho, que é ser lido de maneira mais enfática, com a mudança de língua. E lembrando, caso você queira só deixar o texto itálico para estilizar, faça isso no css.