Etiquetas ruby, rt y rp HTML5: Especificar contenido con formato ruby

Toca repasar las nuevas etiquetas ruby, rt y rp HTML5, su funcionalidad es la enmarcar el contenido con formato ruby. Este contenido es utilizado con asiduidad en los idiomas de Asia del Este, como por ejemplo el japonés o el chino que usan ‘caracteres/dibujos’ para realizar las frases.

Otras etiquetas con similar funcionalidad son:

• bdi
• wbr
• mark

Sintaxis de la etiqueta ruby HTML5

Os muestro la sintaxis de esta etiqueta html5 extraída de su web oficial y w3schools:

<ruby>漢</ruby>

En la sintaxis podéis ver como la etiqueta ruby enmarca el caracter con formato ruby.

Sintaxis de la etiqueta rt HTML5

Define una explicación o pronunciación de caracteres (tipografía de Asia Oriental) en una anotación de rubí.

Os muestro la sintaxis de esta etiqueta html5 extraída de su web oficial y w3schools:

<ruby>
漢 <rt> ㄏㄢˋ </rt>
</ruby>

En la sintaxis podéis ver como la etiqueta rt enmarca la anotación/explicación dentro de la etiqueta ruby

Sintaxis de la etiqueta rp HTML5

Os muestro la sintaxis de esta etiqueta html5 extraída de su web oficial y w3schools:

<ruby>
漢 <rt><rp>(</rp>ㄏㄢˋ<rp>)</rp></rt>
</ruby>

La etiqueta rp se utiliza para insertar entre paréntesis un texto ruby para ser mostrado por los navegadores que no soportan anotaciones rubí.