Uso de la etiqueta ruby en HTML

La etiqueta <ruby> es una de las menos conocidas y utilizadas sobre todo en Occidente. Esto se debe a que se utiliza sobre todo en idiomas asiáticos. La utilidad de la etiqueta <ruby> es la de mostrar anotaciones sobre la pronunciación de un texto o palabra.

Esta utilidad, también podemos utilizarla para añadir la pronunciación de otros idiomas como el inglés. En el siguiente ejemplo, vemos su uso para que lo entiendas mejor.

<p>Esta es la correcta pronunciación de la palabra
<ruby><rb>bacon</rb><rt>beɪkən</rt></ruby>;
en inglés.</p>

Este código se vería así en nuestro navegador:

Como vemos en el código del ejemplo, la etiqueta <ruby> contiene dentro otras dos etiquetas que son <rb> y <rt>. Dentro de <rb> pondremos la palabra escrita normal y en la etiqueta <rt> irán los signos o letras del alfabeto fonético.