Negrito e Itálico em HTML5 - As tags < strong > e < em >

Neste post de HTML5 vamos aprender, como usar de maneira correta o negrito e itálico em HTML5, em textos, através das tags <strong> e <em>.
Também vamos estudar 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 espesso (grosso), quer dizer que ele está em destaque, mais visível e semanticamente forte.
A tag para o uso do negrito é a strong, que em inglês significa (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 "Hey, esse trecho é importante, quer dizer muito a respeito desta página", ajudando inclusive em termos de SEO.

Assim, quando você quiser enfatizar um texto (a keyword principal que você quer rankear), use a <strong>.

Itálico em HTML5 - A tag <em>

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

O nome em vem de emphatic stress, e serve para sinalizar que aquele trecho deve ser lido com uma enfatização maior.

A sintaxe da tag <em> em HTML5 é:

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