Технологии

RUBY (тег в HTML)

Что такое ruby в html:

Используется для создания руби-аннотаций — специального вида аннотаций или пометок над текстом. Элемент часто применяется в японской и китайской письменности для помощи в произношении или чтении иероглифов.

Вот как это работает: основной текст заключается в тег <ruby>, а дочернем элементе <rt> содержится фонетическое написание или произношение этого текста.

Как прописать ruby в html:

<p>Этот текст содержит <ruby>猫<rp>(</rp><rt>Māo</rt><rp>)</rp></ruby>, что означает «кошка» на китайском языке.</p>

Этот текст содержит 猫 Māo, что означает «кошка» на китайском языке.

RT (тег в HTML)

Что такое rt в html:

Добавляет аннотацию сверху или снизу от текста, заключенного в контейнер <ruby>. Сама аннотация выводится уменьшенным шрифтом.

Такая форма записи преимущественно используется для азиатских языков вроде китайского или японского, но также может применяться для других языков, если требуется написать один текст над другим.

Как прописать rt в html:

<ruby>
 текст
 <rt>аннотация</rt>
</ruby>

RP (тег в HTML)

Что такое rp в html:

Содержит текст, который будет отображаться в случае, если браузер не поддерживает теги <ruby>. Элемент должен быть вложен в тег <ruby> и использоваться только с ним.

Как прописать rp в html:

<ruby>
  愛<rp>(</rp><rt>Ài</rt><rp>)</rp>
  貓<rp>(</rp><rt>Māo</rt><rp>)</rp>
</ruby>

Q (тег в HTML)

Что такое q в html:

Используется для выделения в тексте цитат. Содержимое контейнера автоматически отображается в браузере в кавычках.

Атрибуты:

1. cite - Адрес, который указывает на источник цитаты.

Как прописать q в html:

<q>Текст</q>

PROGRESS (тег в HTML)

Что такое progress в html:

Показывает прогресс завершения задачи, заполнения формы, загрузки и других длительных процессов.

Атрибуты:

1. value - текущее значение индикатора прогресса.
2. max - максимальное значение. Этот атрибут нужно указывать всегда, иначе браузер не сможет правильно отобразить индикатор прогресса.

Как прописать progress в html:

<p>Страница загружается:</p>
<progress value='50' max='100'></progress>