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.

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.

El soporte provisto por los navegadores para los elementos ruby (ruby, rt y rp) es incompleto. Los autores pueden tener que recurrir a técnicas de estilo (CSS) para lograr que las anotaciones ruby funcionen consistentemente.

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 (Sustantivo) está (Verbo) sobre la mesa (Sustantivo).

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←[Sustantivo] está←[Verbo] sobre la mesa←[Sustantivo].

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.

X

Estás buscando un lugar para alojar tu próximo sitio? Puedo ayudarte con eso!