Barrapunto

Se ven igual pero no son lo mismo. Mientras <b> y <i> dan un valor meramente visual a lo que en ellos se encierra <strong> y <em> dan valor semántico y a la hora de mostrar visualmente la página (otra cosa es cuando el navegador sintetiza voz, o algo así) da el efecto de cursiva o negrita. <strong> y <em> aportan un valor semántico, es decir, especifican que el texto que encierran debe considerarse con un gran énfasis o con énfasis simplemente según cual se use.

Pues depende. :-)

En el trozo de texto mío que has citado, lo veo en cursiva, porque has usado "i" para marcar que es una cita; pero podrías usar esa misma cursiva para dar más énfasis, para marcar un anglicismo, o cualquier otra cosa. No hay diferencia, así que un interpretador oral (o un motor de búsqueda, o cualquir otra cosa que no sea visual) no sabría que hacer con esa cursiva.

Lo correcto sería usar un elemento para citas en línea, "q", que visualmente se puede ver como tú quieras. Puedes hacer que se vea no sólo en cursiva, sino que muestre también unas comillas al principio y final, cambie el tipo de letra, etc. Un motor de búsqueda sabrá entender que eso es una cita, y un interpretador oral podrá cambiar la entonación.

También hay otros elementos [conclase.net] que se pueden aprovechar para darle mejor presentación y mayor accesibilidad al texto. La mayoría, por eso, suelen ser desconocidos, así que barrapunto y otros, no los dejan poner. :-(