Etiqueta HTML <rp>
La etiqueta <rp> define un texto alternativo que se muestra en los navegadores que no soportan la etiqueta <ruby>.
La etiqueta <rp> (paréntesis ruby) proporciona paréntesis de reserva para los navegadores que no soportan el elemento <ruby>. Las anotaciones ruby son pequeños fragmentos de texto que se muestran junto a un carácter base para indicar su pronunciación o significado — una convención muy utilizada en las publicaciones del Este de Asia (japonés, chino).
La etiqueta <rp> es uno de los elementos HTML5.
Cómo funcionan juntos <ruby>, <rt> y <rp>
Una anotación ruby se construye a partir de tres elementos que desempeñan roles distintos:
<ruby>— el contenedor que envuelve el texto base y su anotación.<rt>(texto ruby) — la anotación en sí, la pronunciación o nota que se muestra encima (o al lado) del carácter base.<rp>(paréntesis ruby) — los caracteres de reserva, normalmente(y), que envuelven la anotación solo cuando ruby no está soportado.
La idea clave es la representación diferenciada:
- Los navegadores que soportan ruby ocultan el contenido de cada elemento
<rp>y muestran la anotación<rt>en su posición correcta (encima del texto base). El lector nunca ve los paréntesis. - Los navegadores que no soportan ruby ignoran el posicionamiento y renderizan todo en línea. Los paréntesis de
<rp>se vuelven visibles, por lo que漢字(Kanji)se lee de forma comprensible como texto plano en lugar del ambiguo漢字Kanji.
Se coloca un <rp> antes del <rt> (el paréntesis de apertura) y uno después (el paréntesis de cierre), de modo que la anotación quede envuelta por ambos lados en el caso de reserva.
Sintaxis
El elemento <rp> se escribe con una etiqueta de apertura y una de cierre. Según HTML5, la etiqueta de cierre (</rp>) es opcional: puede omitirse si el elemento <rp> va seguido inmediatamente de otro elemento <rp> o <rt>, o si no hay más contenido en el elemento padre <ruby>. Incluirla siempre es seguro y se recomienda por claridad.
Ejemplo de la etiqueta HTML <rp>:
Etiqueta HTML <rp>
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<ruby>
漢 <rp>(</rp><rt>Kan</rt><rp>)</rp>
字 <rp>(</rp><rt>ji</rt><rp>)</rp>
</ruby>
</body>
</html>Resultado
En un navegador compatible con ruby, la salida muestra "Kan ji" sobre "漢字" y los paréntesis permanecen ocultos. En un navegador sin soporte ruby, el mismo marcado se degrada al texto en línea 漢(Kan)字(ji) — los paréntesis de <rp> mantienen la anotación legible.
Atributos
La etiqueta <rp> soporta los Atributos Globales y los Atributos de Evento.
Etiquetas relacionadas
<ruby>— el contenedor de una anotación ruby.<rt>— el texto de la anotación ruby (pronunciación o nota).<rb>— marca el texto base de una anotación ruby.