<rp>

Nawiasy zapasowe wokół adnotacji ruby, widoczne tylko tam, gdzie ruby nie jest obsługiwane.

Wyświetlanie
none
Znacznik zamykający
Wymagany
Dozwolona zawartość
Tekst, zwykle pojedynczy nawias
Na tej stronie

Przykład

#
HTML
<p lang="zh" style="font-size: 2rem;">
  <ruby>中<rp>(</rp><rt>zhōng</rt><rp>)</rp>文<rp>(</rp><rt>wén</rt><rp>)</rp></ruby>
</p>
<p>Bez obsługi ruby ten zapis wyglądałby tak: 中(zhōng)文(wén)</p>
Podgląd

Definicja i zastosowanie

#

Element <rp> (od angielskiego ruby parenthesis) zawiera nawias lub inny znak, który otacza adnotację <rt>. Przeglądarki obsługujące ruby go ukrywają, więc adnotacja pojawia się nad tekstem, bez nawiasów.

Gdy program nie rozumie ruby, wyświetla wszystko w jednej linii. Bez <rp> tekst zlałby się w nieczytelny ciąg „中zhōng文wén”, a dzięki nawiasom wygląda tak: „中(zhōng)文(wén)”.

Wszystkie popularne przeglądarki obsługują dziś ruby, więc <rp> to zabezpieczenie dla programów, które pokazują HTML w uproszczony sposób. Umieszczaj go tuż przed i tuż za każdym <rt>.

Składnia

#
Składnia
<ruby>字<rp>(</rp><rt>zì</rt><rp>)</rp></ruby>

Atrybuty

#

Ten element nie ma własnych atrybutów. Obsługuje atrybuty globalne, takie jak class, id czy hidden.

Domyślny CSS

#

Większość przeglądarek wyświetla ten element z takimi stylami domyślnymi:

CSS
rp {
  display: none;
}

Obsługa przeglądarek

#

Szeroko dostępne

Działa we wszystkich nowoczesnych przeglądarkach, także na telefonach. Możesz używać bez obaw.

  • Chrome
  • Edge
  • Firefox
  • Safari

Dobre praktyki

#
  • Dodawaj <rp> parami: otwierający przed <rt>, zamykający po nim.
  • Zamiast okrągłych nawiasów możesz użyć innych znaków, np. nawiasów kwadratowych.
  • <rp> ma sens tylko wewnątrz <ruby>.

Powiązane hasła

#

Widzisz błąd albo brakuje przykładu? Napisz do nas.