Elemento rp
Si no sabes lo que es un elemento o cómo debes usarlo, te recomiendo leer el tutorial "Tags y atributos en HTML" que puedes encontrar en la sección de tutoriales HTML.
Tabla de contenidos
Descripción
El elemento rp
provee los medios para ocurtar información en anotaciones ruby (ruby
). El principal propósito de este elemento es el de hacer que ruby
se más compatible, especialmente debido al soporte parcial provisto por los navegadores.
En navegadores que soportan las anotaciones ruby, cualquier cosa que se encuentre dentro del elemento rp
no solo será invisible para el usuario, sino que también carecerá de significado para el documento.
Los contenidos habituales del elemento rp
son paréntesis, pero los autores pueden utilizar cualquier cosa que consideren que será comprensible o apropiada para que los usuarios lean, cuando sus navegadores no provean soporte para ruby
.
Por este motivo, deberías considerar cómo son mostradas las anotaciones ruby en navegadores que las soportan así como en aquellos que no. Echaremos un vistazo al siguiente código y a su representación aproximada en ambos casos. Los paréntesis son provistos dentro del elemento rp
para ayudar a los navegadores que no proveen soporte.
Así es como una anotación debería verse en los navegadores que la soportan. Nota como todo el texto dentro de los elementos rp
es completamente ignorado.
<ruby>Texto base<rp> (</rp><rt>Anotación</rt><rp>)</rp></ruby>
Anotación
Texto base
Ahora, así es como un navegador sin soporte mostraría el texto, ignorando todos los elementos y simplemente mostrando la información como una sola línea de texto.
<ruby>Texto base<rp> (</rp><rt>Anotación</rt><rp>)</rp></ruby>
Texto base (Anotación)
Nota: recuerda que éstas son solamente emulaciones logradas con otros elementos soportados y estilos básicos de CSS.
Ejemplos
El siguiente ejemplo muestra un análisis gramatical básico de una oración. Dentro de cada elemento ruby
se declara una anotación (rt
), y los paréntesis son provistos dentro del elemento rp
para los navegadores que no soportan anotaciones.
<p>El <ruby>libro<rp> (</rp><rt>Sustantivo</rt><rp>)</rp></ruby> <ruby>está<rp> (</rp><rt>Verbo</rt><rp>)</rp></ruby> sobre la <ruby>mesa<rp> (</rp><rt>Sustantivo</rt><rp>)</rp></ruby>.</p>
El libro está sobre la mesa.
Ahora consideraremos un enfoque diferente para mejorar la legibilidad, usando corchetes en lugar de paréntesis.
<p>El <ruby>libro<rp>←[</rp><rt>Sustantivo</rt><rp>]</rp></ruby> <ruby>está<rp>←[</rp><rt>Verbo</rt><rp>]</rp></ruby> sobre la <ruby>mesa<rp>←[</rp><rt>Sustantivo</rt><rp>]</rp></ruby>.</p>
El libro está sobre la mesa.
Adicionalmente, CSS podría ser usado para alterar el aspecto de rp
y, por ejemplo, cambiar su color o tamaño de fuente.
Atributos
Atributos globales
Para más información acerca de los atributos globales refiérete a esta lista de atributos gloables en HTML5.
Eventos
Eventos globales
Para más información acerca de los eventos globales refiérete a esta lista de eventos globales en HTML5.