Вот список редко используемых (но стандартизированных) HTML5-тегов, которые редко встречаются в повседневной вёрстке, но могут быть полезны в специфических случаях:
1. <ruby>, <rt>, <rp>
Назначение: надстрочные пояснения к иероглифам (в основном для японского, китайского, корейского языков).
Пример:
<ruby> 漢 <rt>かん</rt> </ruby>
- <rp> — резерв для браузеров, не поддерживающих <ruby> (обычно скобки).
Hедкость: почти не используется на сайтах, ориентированных на кириллицу или латиницу.
2. <wbr> (Word Break Opportunity)
Назначение: указывает место, где можно переносить длинное слово, если оно не помещается.
Пример:
Very<wbr>Long<wbr>Technical<wbr>Term
Браузер может разорвать строку в этих местах, но не обязан.
3. <bdi> (Bi-Directional Isolation)
Назначение: изолирует фрагмент текста с неизвестным или отличным направлением письма (например, имя пользователя на арабском среди латинского текста).
Пример:
<p>Пользователь: <bdi>أحمد</bdi></p>
4. <data>
Назначение: связывает контент с машиночитаемым значением (в отличие от <time>, который только для дат/времени).
Пример:
<data value="7984321">Товар №7984321</data>
Редкость: почти никто не использует — чаще применяют data-* атрибуты (data-id="7984321").
5. <dialog>
Назначение: встроенное модальное окно.
Пример:
<dialog open>Привет! Это диалог.</dialog>
Управляется через JavaScript (showModal(), close()).