HTML таг `ruby`

Пример

Кратък пример как се използва тагът <ruby>.

<p>
  Японската дума за "вода" е
  <ruby>水<rt>mizu</rt></ruby>.
</p>

<p>
  Китайската столица е
  <ruby>北京<rt>Běijīng</rt></ruby>.
</p>

Опитай в редактора

Дефиниция и употреба

Виж как се ползва тагът <ruby>.

<ruby> е семантичен HTML елемент, използван основно за изписване на анотации над или до йероглифни знаци (например китайски, японски, корейски). Тези анотации обикновено показват произношение (фуригана, пинин) или кратко обяснение.

Вътре в <ruby> се поставя основният текст (йероглифите), а произношението или пояснението се поставя в елемента <rt> (ruby text). По желание може да се използва и <rp> (ruby parentheses), за да се покаже алтернативен текст в браузъри, които не поддържат ruby (например скоби около анотацията).

Базов синтаксис:

<ruby>
  北京
  <rt>Běijīng</rt>
</ruby>

<ruby>
  東京
  <rp>(</rp><rt>Tōkyō</rt><rp>)</rp>
</ruby>

<ruby> може да се използва в текстови елементи като <p>, <span>, <li> и др. Той няма собствени специфични атрибути, но поддържа всички глобални HTML атрибути (като class, id, lang, title и др.).

Browser Support

Browser	Поддръжка
Chrome	✔️
Firefox	✔️
Edge	✔️
Safari	✔️
Opera	✔️

Атрибути

Този елемент няма специфични атрибути.

Тагове

a abbr address area article aside audio b base bdi bdo blockquote body br button canvas caption cite code col colgroup data datalist dd del details dfn dialog div dl dt em embed fencedframe fieldset figcaption figure footer form h1 h2 h3 h4 h5 h6 head header hgroup hr html i iframe img input ins kbd label legend li link main map mark menu meta meter nav noscript object ol optgroup option output p picture pre progress q rp rt ruby s samp script search section select selectedcontent slot small source span strong style sub summary sup table tbody td template textarea tfoot th thead time title tr track u ul var video wbr

HTML таг ruby