Ostatnio edytowany:

ruby

Autor: Virtual Patriot

Przeznaczenie elementu ruby

Element ruby reprezentuje zawartość, którą powinna być treść, która musi zostać zaprezentowana w formie typografii wschodnio-azjatyckiej.

Dodatkowe techniczne informacje o elemencie ruby

kategoria ogólna
kontekst zewnętrzny
  • element HTML, który tworzy wewnętrzny kontekst frazowany

    Przykładowy Kod HTML

    <p>
      <ruby>
        <rb>日本語</rb>
        <rp>(</rp><rt>nihongo</rt><rp>)</rp>
      </ruby>
    </p>

    Kontekstem zewnętrznym przykładowego elementu "ruby" jest element "p". Wspomniany element "p" jest jednym z elementów HTML, które tworzą wewnętrzny kontekst frazowany, dlatego w tej sytuacji wspomniany kontekst zewnętrzny, czyli element "p", jest prawidłowym kontekstem zewnętrznym dla elementu "ruby".

kontekst wewnętrzny
  • musi nim być zawartość frazowana lub przynajmniej jeden element rb, a następnie przynajmniej jeden element rt lub przynajmniej jeden element rtc ewentualnie wspomniane elementy rt lub elementy rtc mogą być bezpośrednio poprzedzone jednym elementem rp (element rp może również wystąpić bezpośrednio po wspomnianych elementach rt oraz elementach rtc)

    Przykładowy Kod HTML

    <p>
      <ruby>
        <rb>日本語</rb>
        <rp>(</rp><rt>nihongo</rt><rp>)</rp>
      </ruby>
    </p>

    Kontekstem wewnętrznym przykładowego elementu "ruby" są elementy HTML, które nie są zabronionym kontekstem wewnętrznym elementu "ruby". Ponadto wspomniane elementy HTML zostały umieszczone w prawidłowej kolejności w kodzie HTML, dlatego w tej sytuacji wspomniany kontekst wewnętrzny, czyli element "rb", element "rp", element "rt" oraz element "rp", jest prawidłowym kontekstem wewnętrznym dla elementu "ruby".

wymagane elementy dzieci
wymagane atrybuty
  • brak
składnia HTML
  • <ruby> ... </ruby>
pominięcie tagu na początku
  • nigdy
pominięcie tagu na końcu
  • nigdy
CSS display
  • inline (jeżeli przeglądarka internetowa nie interpretuje danego elementu ruby)
  • ruby (jeżeli przeglądarka internetowa interpretuje dany element ruby)

Dodatkowe domyślne reguły CSS elementu ruby

/* jeżeli przeglądarka internetowa interpretuje element "ruby" */
ruby {
  display:ruby;
}

Interpretacja elementu ruby

Firefox

tak

Google Chrome

tak

Safari

tak

Opera

tak

Internet Explorer

tak

Edge

tak

Zobacz więcej informacji o interpretacji elementu .