1.11.5. Семантика уровня текста

HTML-элементы для текстового содержимого

1. Элемент <a>

Категории контента: потоковое содержимое, текстовое содержимое, видимое содержимое; если элемент имеет атрибут href — интерактивное содержимое.

Контекст, в котором этот элемент может быть использован: где ожидается текстовое содержимое.

Пропуск тегов: ни один из тегов не может быть пропущен.

Для элемента доступны ‎глобальные атрибуты, а также атрибуты, приведенные в таблице:

Таблица 1. Атрибуты элемента <a>
Атрибут Описание, принимаемое значение
href Задает адрес гиперссылки.
target Устанавливает контекст просмотра по умолчанию для навигации по гиперссылкам.
download Определяет, скачивать ли целевой ресурс вместо перехода на него.
rel Устанавливает отношение текущего документа (или подраздела / темы) с целевым.
rev Устанавливает обратную связь отношения целевой страницы с текущим документом (или подразделом / темой).
hreflang Описывает язык целевого ресурса.
type Добавляет подсказку для типа ссылочного ресурса.
referrerpolicy Устанавливает политику HTTP-заголовка — количество информации об исходной странице, с которой осуществлен переход на целевую страницу.

Если элемент <a> имеет атрибут href, то он представляет собой гиперссылку (ссылку на другой ресурс, к которому можно перейти или скачать) или якорь (ссылку на идентификатор фрагмента, который является значением в атрибуте id элемента в связанном документе).

Элемент <a> может быть обернут вокруг целых абзацев, списков, таблиц и т. д., даже целых разделов, при условии, что внутри отсутствует интерактивный контент (например, кнопки или другие ссылки).

<aside class="advertising">
    <h2>Викиум</h2>
    <a href="https://ad.example.com/?adid=1929&pubid=1422">
        <section>
            <h3>Тренажеры для мозга</h3>
            <p>Какая функция мозга у тебя сильнее?</p>
        </section>
    </a>
</aside>

2. Элемент <em>

Категории контента: потоковое содержимое, текстовое содержимое, видимое содержимое.

Контекст, в котором этот элемент может быть использован: где ожидается текстовое содержимое.

Пропуск тегов: ни один из тегов не может быть пропущен.

Для элемента доступны ‎глобальные атрибуты.

Элемент <em> делает логические усиления в тексте, подчеркивает слова или словосочетания, уточняя смысл фразы таким образом, чтобы читателю было точно понятно, что хотел выразить автор. Уровень акцента, который имеет конкретный отрывок текста, определяется количеством элементов <em>.

В этом предложении общая констатация факта:

<p>Кошки это милые животные.</p>

Выделяя первое слово, данное утверждение подразумевает, что это именно обсуждаемый вид животного (возможно, кто-то утверждает, что собаки милые):

<p><em>Кошки</em> это милые животные.</p>

Элемент <em> не должен использоваться для расстановки визуальных акцентов в тексте за счет курсивного начертания, для этого больше подходит элемент <i>. Также <em> не предназначен для передачи важности, для этой цели лучше использовать элемент <strong>.

3. Элемент <strong>

Категории контента: потоковое содержимое, текстовое содержимое, видимое содержимое.

Контекст, в котором этот элемент может быть использован: где ожидается текстовое содержимое.

Пропуск тегов: ни один из тегов не может быть пропущен.

Для элемента доступны ‎глобальные атрибуты.

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

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

<p>Добро пожаловать в Реми, систему напоминаний.</p>
<p>Ваши задачи на сегодня:</p>
<ul>
  <li><p><strong>Выключите духовку</strong></p></li>
  <li><p>Выбросьте мусор</p></li>
  <li><p>Займитесь стиркой</p></li>
</ul>

4. Элемент <small>

Категории контента: потоковое содержимое, текстовое содержимое, видимое содержимое.

Контекст, в котором этот элемент может быть использован: где ожидается текстовое содержимое.

Пропуск тегов: ни один из тегов не может быть пропущен.

Для элемента доступны ‎глобальные атрибуты.

Элемент <small> представляет собой примечания, набранные мелким шрифтом. Такой текст обычно содержит заявления об отказе от ответственности, предостережения, юридические ограничения или авторские права. Мелкий шрифт также иногда используется для атрибуции или для удовлетворения требований лицензирования.

Элемент <small> предназначен для коротких отрывков текста, он не должен использоваться для расширенных отрывков текста, таких как несколько абзацев, списков или разделов текста.

<aside>
    <h1>Компания Example Corp</h1>
    <p>Эта компания в основном создает небольшое программное обеспечение и веб-сайты.</p>
    <p>Миссия компании Example Corp - «Предоставлять развлечения и новости на выборочной основе».</p>
    <p><small>Информация получена с <a href="https://example.com/about.html">example.com</a> главной страницы.</small></p>
</aside>

5. Элемент <s>

Категории контента: потоковое содержимое, текстовое содержимое, видимое содержимое.

Контекст, в котором этот элемент может быть использован: где ожидается текстовое содержимое.

Пропуск тегов: ни один из тегов не может быть пропущен.

Для элемента доступны ‎глобальные атрибуты.

Элемент <s> представляет содержимое, которое больше не является точным или актуальным. В этом примере рекомендованная розничная цена была помечена как неактуальная, поскольку у рассматриваемого продукта новая продажная цена.

<p>Купите наш чай со льдом и лимонад!</p>
<p><s>Рекомендованная розничная цена: 100 руб. за бутылку</s></p>
<p><strong>Успей купить сегодня всего за 60 руб. за бутылку!</strong></p>

Элемент <s> не подходит для обозначения правок документа; чтобы пометить область текста как удаленную из документа, используйте элемент <del>.

6. Элемент <cite>

Категории контента: потоковое содержимое, текстовое содержимое, видимое содержимое.

Контекст, в котором этот элемент может быть использован: где ожидается текстовое содержимое.

Пропуск тегов: ни один из тегов не может быть пропущен.

Для элемента доступны ‎глобальные атрибуты.

Элемент <cite> представляет собой ссылку на творческое произведение. Он должен включать название работы или имя автора (человека, людей или организации) или ссылку на URL, или ссылку в сокращенной форме в соответствии с соглашениями, используемыми для добавления метаданных цитирования.

К творческим произведениям относятся: книга, газета, эссе, стихотворение, партитура, песня, сценарий, фильм, телешоу, игра, скульптура, картина, театральная постановка, пьеса, опера, мюзикл, выставка, отчет о судебном деле, компьютерная программа, веб-сайт, веб-страница, сообщение или комментарий в блоге, на форуме, твит, письменное или устное заявление и т.д.

<p>Кто твой любимый доктор (в сериале <cite>Доктор Кто</cite>)?</p>

7. Тег <q>

Категории контента: потоковое содержимое, текстовое содержимое, видимое содержимое.

Контекст, в котором этот элемент может быть использован: где ожидается текстовое содержимое.

Пропуск тегов: ни один из тегов не может быть пропущен.

Для элемента доступны ‎глобальные атрибуты, а также необязательный атрибут cite, содержащий ссылку (URL) на источник цитаты или дополнительную информацию о редактировании.

Элемент <q> представляет некоторое содержимое, цитируемое из другого источника.

Знаки препинания (такие как кавычки), добавляются браузером автоматически, поэтому их не нужно ставить в тексте вручную. Ссылки на источник цитаты в основном предназначены для частного использования (например, серверными сценариями, собирающими статистику использования цитат сайта), а не для читателей.

8. Тег <dfn>

Категории контента: потоковое содержимое, текстовое содержимое, видимое содержимое.

Контекст, в котором этот элемент может быть использован: где ожидается текстовое содержимое.

Пропуск тегов: ни один из тегов не может быть пропущен.

Для элемента доступны ‎глобальные атрибуты, а также необязательный атрибут title.

Элемент <dfn> используется для выделения термина (в некоторых браузерах отображается курсивом). Определение (описание) термина должно находиться в том же абзаце <p>, списке описания <dl> или разделе <section>, что и элемент <dfn>.

<p><dfn>Certificate Signing Request</dfn> — это ключ, генерируемый при запросе на выдачу SSL-сертификата.</p>

При последующем использовании одного и того же термина в тексте он не нуждается в обертке элементом <dfn>.

Если элемент <dfn> содержит атрибут title, значение атрибута title переопределяет содержимое элемента <dfn>.

<p><dfn title="Certificate Signing Request">CSR</dfn> — это ключ, генерируемый при запросе на выдачу SSL-сертификата.</p>

Элемент <dfn> часто используется в сочетании с элементом <abbr>, чтобы определить первое вхождение аббревиатуры для последующего использования. Значение атрибута title элемента <abbr> должно быть точным значением этого термина.

<p><dfn><abbr title="Certificate Signing Request">CSR</abbr></dfn> — это ключ, генерируемый при запросе на выдачу SSL-сертификата.</p>

Для элемента <dfn> можно определить атрибут id, чтобы использовать его для связывания будущих вхождений аббревиатуры с термином.

<p><dfn id="csr"><abbr title="Certificate Signing Request">CSR</abbr></dfn> — это ключ, генерируемый при запросе на выдачу SSL-сертификата.</p>
<p>Для генерации <a href="#csr"><abbr title="Certificate Signing Request">CSR</abbr></a> Вам понадобится предоставить следующую информацию...</p>

9. Тег <abbr>

Категории контента: потоковое содержимое, текстовое содержимое, видимое содержимое.

Контекст, в котором этот элемент может быть использован: где ожидается текстовое содержимое.

Пропуск тегов: ни один из тегов не может быть пропущен.

Для элемента доступны ‎глобальные атрибуты, а также необязательный атрибут title.

Элемент <abbr> представляет аббревиатуру, необязательно с расшифровкой (в браузере обычно подчеркивается пунктирной линией). Расшифровка аббревиатуры осуществляется с помощью атрибута title, она появляется при наведении курсора мыши на текст.

<p><dfn id=whatwg><abbr title="Web Hypertext Application Technology Working Group">WHATWG</abbr></dfn> это свободное неофициальное сотрудничество производителей веб-браузеров и заинтересованных сторон, которые хотят разрабатывать новые технологии, позволяющие авторам создавать и развертывать приложения через World Wide Web.</p>

10. Элемент <ruby>

Категории контента: потоковое содержимое, текстовое содержимое, видимое содержимое.

Контекст, в котором этот элемент может быть использован: где ожидается текстовое содержимое.

Пропуск тегов: ни один из тегов не может быть пропущен.

Для элемента доступны ‎глобальные атрибуты.

Элемент <ruby> ​​позволяет пометить один или несколько фрагментов текста ruby-аннотациями. Содержимое внутри элемента <ruby> разбивается на сегменты. Ruby-аннотация используется в преимущественно в Восточно-Азиатской типографике как руководство по произношению или для включения других характеристик.

Элемент может содержать:

  • один и более текстовых узлов или элементов <rb>;
  • один или несколько элементов <rt> или <rtc>, каждый из которых либо непосредственно предшествует, либо сопровождается элементами <rp>.
<ruby>日<rt>に</rt></ruby><ruby>本<rt>ほん</rt></ruby>
<ruby>語<rt>ご</rt></ruby>で<ruby>書<rt>か</rt></ruby>
いた<ruby>作<rt>さく</rt></ruby><ruby>文<rt>ぶん</rt></ruby>です。

11. Элемент <rb>

Категории контента: отсутствуют.

Контекст, в котором этот элемент может быть использован: где ожидается текстовое содержимое.

Пропуск тегов: закрывающий тег элемента <rb> может быть опущен, если сразу за элементом <rb> следует элемент <rb>, <rt>, <rtc> или <rp> или если в родительском элементе больше нет содержимого.

Для элемента доступны ‎глобальные атрибуты.

Содержимое элемента <rb> представляет основные сегменты текста ruby-аннотации. Является дочерним элементом элемента <ruby>.

12. Элемент <rt>

Категории контента: отсутствуют.

Контекст, в котором этот элемент может быть использован: где ожидается текстовое содержимое.

Пропуск тегов: закрывающий тег элемента <rt> может быть опущен, если сразу за элементом <rt> следует элемент <rb>, <rt>, <rtc> или <rp> или если в родительском элементе больше нет содержимого.

Для элемента доступны ‎глобальные атрибуты.

Элемент <rt> используется для разметки аннотации к тексту, выводя ее сверху или снизу над текстом. Является дочерним элементом элемента <ruby> или <rtc>.

13. Элемент <rtc>

Категории контента: отсутствуют.

Контекст, в котором этот элемент может быть использован: где ожидается текстовое содержимое.

Пропуск тегов: закрывающий тег элемента <rtc> может быть опущен, если за элементом <rtc> сразу следует элемент <rb> или <rtc>, или если в родительском элементе больше нет содержимого.

Для элемента доступны ‎глобальные атрибуты.

Элемент <rtc> отмечает вложенный в него текст как дополнительную аннотацию. Является дочерним элементом элемента <ruby>.

14. Элемент <rp>

Категории контента: отсутствуют.

Контекст, в котором этот элемент может быть использован: где ожидается текстовое содержимое.

Пропуск тегов: закрывающий тег элемента <rp> может быть опущен, если за элементом <rp> сразу следует элемент <rb>, <rt>, <rtc> или <rp> или если в родительском элементе больше нет содержимого.

Для элемента доступны ‎глобальные атрибуты.

Элемент <rp> выводит альтернативный текст в случае если браузер не поддерживает элемент <ruby>. Содержимое элементов <rp> обычно не отображается браузерами, которые поддерживают ruby-аннотации. Является дочерним элементом элемента <ruby> или <rtc>, непосредственно перед или сразу после элемента <rt> или <rtc>, но не между элементами <rt>.

15. Элемент <data>

Категории контента: потоковое содержимое, текстовое содержимое, видимое содержимое.

Контекст, в котором этот элемент может быть использован: где ожидается текстовое содержимое.

Пропуск тегов: ни один из тегов не может быть пропущен.

Для элемента доступны ‎глобальные атрибуты, а также обязательный атрибут value.

Элемент <data> представляет свое содержимое вместе с машиночитаемой формой этого содержимого в атрибуте value. Значение атрибута value должно быть представлением содержимого элемента в машиночитаемом формате.

<p>Новые поступления:</p>
<ul>
    <li><data value="44678">Альбом «На память о дне пятидесятилетия Эммануила Людвиговича Нобеля. 10 июня 1909 г.»</data></li>
    <li><data value="44668">Ноты. Травиата. Опера Джузеппе Верди</data></li>
    <li><data value="44688">Обух Н.К. Первый снег. Павловск. 1910-е годы</data></li>
</ul>

Элемент <data> может быть использован для следующих целей:

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

16. Элемент <time>

Категории контента: потоковое содержимое, текстовое содержимое, видимое содержимое.

Контекст, в котором этот элемент может быть использован: где ожидается текстовое содержимое.

Пропуск тегов: ни один из тегов не может быть пропущен.

Для элемента доступны ‎глобальные атрибуты, а также необязательный атрибут datetime.

Элемент <time> представляет свое содержимое вместе с машиночитаемой формой этого содержимого в атрибуте datetime. Тип содержимого ограничен различными типами дат, времени, смещений часовых поясов и продолжительности. Содержимое элемента <time> должно быть валидным значением атрибута datetime:

Валидный месяц:

<time>2020-05</time>

Валидная дата:

<time>2020-05-05</time>

Валидное время:

<time>09:54</time>
<time>09:54:39</time>

Валидная дата и время:

<time>2011-11-18 14:54</time>

Валидная временная зона:

<time>+0000</time>
<time>+00:00</time>

Валидная неделя:

<time>2020-W47</time>

Валидная глобальная дата и время:

<time>2011-11-18T14:54+0000</time>

Если атрибут datetime присутствует, то содержимым элемента <time> может быть произвольный текст.

<div class="vevent">
    <a class="url" href="https://www.web2con.com/">https://www.web2con.com/</a>
    <span class="summary">Конференция Web 2.0</span>:
    <time class="dtstart" datetime="2005-10-05">5</time> -
    <time class="dtend" datetime="2005-10-07">7 октября</time>,
    at the <span class="location">Отель Argent, Сан-Франциско</span>
</div>
Сегодня <time datetime="2011-11-18">пятница</time>.

17. Элемент <code>

Категории контента: потоковое содержимое, текстовое содержимое, видимое содержимое.

Контекст, в котором этот элемент может быть использован: где ожидается текстовое содержимое.

Пропуск тегов: ни один из тегов не может быть пропущен.

Для элемента доступны ‎глобальные атрибуты.

Элемент <code> представляет собой фрагмент компьютерного кода, содержимое элемента отображается в браузере моноширинным шрифтом.

Не существует формального способа указать язык разметки компьютерного кода. Для подсветки синтаксиса с помощью скрипта можно добавить элементу класс с префиксом language-.

<pre><code class="language-css">p {
    font-size: 14px;
}</code></pre>

18. Элемент <var>

Категории контента: потоковое содержимое, текстовое содержимое, видимое содержимое.

Контекст, в котором этот элемент может быть использован: где ожидается текстовое содержимое.

Пропуск тегов: ни один из тегов не может быть пропущен.

Для элемента доступны ‎глобальные атрибуты.

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

<p>Затем он повернулся к доске и взял мел. Подумав несколько минут, он написал <var>E</var> = <var>m</var> <var>c</var><sup>2</sup>. Учитель выглядел довольным.</p>

Для математики, в частности для чего-либо, кроме простейших выражений, больше подходит MathML. Тем не менее, элемент <var> по-прежнему может использоваться для ссылки на конкретные переменные, которые затем упоминаются в выражениях MathML.

<<figure>
    <math>
        <mi>a</mi>
        <mo>=</mo>
        <msqrt>
            <msup>
                <mi>b</mi>
                <mn>2</mn>
            </msup>
            <mi>+</mi>
            <msup>
                <mi>c</mi>
                <mn>2</mn>
            </msup>
        </msqrt>
    </math>
    <figcaption>
        Использование теоремы Пифагора для нахождения гипотенузы <var>a</var> треугольника с гранями <var>b</var> и <var>c</var>
    </figcaption>
</figure>>

19. Элемент <samp>

Категории контента: потоковое содержимое, текстовое содержимое, видимое содержимое.

Контекст, в котором этот элемент может быть использован: где ожидается текстовое содержимое.

Пропуск тегов: ни один из тегов не может быть пропущен.

Для элемента доступны ‎глобальные атрибуты.

Элемент <samp> представляет пример вывода из другой программы или устройства. В браузере отображается моноширинным шрифтом.

<p>Компьютер сказал, что <samp>во втором лотке слишком много сыра</samp>, но я не знал, что это значит.</p>

20. Элемент <kbd>

Категории контента: потоковое содержимое, текстовое содержимое, видимое содержимое.

Контекст, в котором этот элемент может быть использован: где ожидается текстовое содержимое.

Пропуск тегов: ни один из тегов не может быть пропущен.

Для элемента доступны ‎глобальные атрибуты.

Элемент <kbd> представляет пользовательский ввод (обычно ввод с клавиатуры, хотя он также может использоваться для представления другого ввода, такого как голосовые команды). В браузере отображается моноширинным шрифтом.

Когда элемент <kbd> вложен в элемент <samp>, он представляет вводимые данные в том виде, в каком они были отражены системой.

Когда элемент <kbd> содержит элемент <samp>, он представляет вводимые данные, основанные на выходных данных системы.

Когда элемент <kbd> вложен в другой элемент <kbd>, он представляет текущую клавишу или другую единицу ввода в соответствии с механизмом ввода.

<p>Чтобы заставить Джорджа съесть яблоко, нажмите <kbd><kbd>Shift</kbd>+<kbd>F3</kbd></kbd></p>

21. Элементы <sub> и <sup>

Категории контента: потоковое содержимое, текстовое содержимое, видимое содержимое.

Контекст, в котором этот элемент может быть использован: где ожидается текстовое содержимое.

Пропуск тегов: ни один из тегов не может быть пропущен.

Для элемента доступны ‎глобальные атрибуты.

Элемент <sub> представляет нижний индекс, а элемент <sup> представляет верхний индекс.

Эти элементы должны использоваться только для обозначения типографских условных обозначений с конкретными значениями, а не для типографского представления ради презентации. Как правило, эти элементы следует использовать только в том случае, если их отсутствие изменит смысл содержимого.

Элемент <sub> может использоваться внутри элемента <var> для переменных, у которых есть индексы.

<p>Координаты <var>i</var>-той точки (<var>x<sub><var>i</var></sub></var>, <var>y<sub><var>i</var></sub></var>). Например, 10-я точка имеет координаты (<var>x<sub>10</sub></var>, <var>y<sub>10</sub></var>).</p>

22. Элемент <i>

Категории контента: потоковое содержимое, текстовое содержимое, видимое содержимое.

Контекст, в котором этот элемент может быть использован: где ожидается текстовое содержимое.

Пропуск тегов: ни один из тегов не может быть пропущен.

Для элемента доступны ‎глобальные атрибуты.

Элемент <i> представляет справочные выделения отдельных слов и фрагментов текста. Обычно используется для выделения терминов, кратких формулировок, определений и правил в учебных и научных изданиях, фраз из иностранных языков и т.д. В браузере отображается курсивом. Для обозначения новых терминов или слов, которые объясняются в дальнейшем тексте, следует использовать элемент <dfn>.

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

<p>"<i lang="fr">Je ne sais quoi</i>" – это слишком размыто.</p>

23. Элемент <b>

Категории контента: потоковое содержимое, текстовое содержимое, видимое содержимое.

Контекст, в котором этот элемент может быть использован: где ожидается текстовое содержимое.

Пропуск тегов: ни один из тегов не может быть пропущен.

Для элемента доступны ‎глобальные атрибуты.

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

<p>Вы входите в маленькую комнату. Твой <b>меч</b> светится ярче. <b>Крыса</b> несется мимо угловой стены.</p>

Элемент <b> следует использовать в качестве крайней меры, если другой элемент не является более подходящим. В частности, заголовки должны использовать элементы от <h1> до <h6>, для акцентов в тексте нужно использовать элемент <em>, важность должна быть обозначена элементом <strong>, а текст, отмеченный или выделенный, должен использовать элемент <mark>.

24. Элемент <u>

Категории контента: потоковое содержимое, текстовое содержимое, видимое содержимое.

Контекст, в котором этот элемент может быть использован: где ожидается текстовое содержимое.

Пропуск тегов: ни один из тегов не может быть пропущен.

Для элемента доступны ‎глобальные атрибуты.

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

25. Элемент <mark>

Категории контента: потоковое содержимое, текстовое содержимое, видимое содержимое.

Контекст, в котором этот элемент может быть использован: где ожидается текстовое содержимое.

Пропуск тегов: ни один из тегов не может быть пропущен.

Для тега доступны ‎глобальные атрибуты.

Элемент <mark> представляет собой фрагмент текста в одном документе, помеченный или выделенный для справочных целей, таких как:

  • привлечение внимания к определенной части цитаты;
  • выделение части цитируемого текста, которая изначально не была выделена;
  • выделение частей документа, которые соответствуют какой-либо строке поиска.
<p>У меня также есть <mark>котята</mark>, которые посещают меня в эти дни. Они действительно милые. Я думаю, что им нравится мой сад! Может быть, я должен взять себе одного <mark>котенка</mark>.</p>

Содержимое элемента <mark> в браузере имеет фон желтого цвета. Это отображение по умолчанию можно изменить, задав определенные css-стили для элемента.

26. Элемент <bdi>

Категории контента: потоковое содержимое, текстовое содержимое, видимое содержимое.

Контекст, в котором этот элемент может быть использован: где ожидается текстовое содержимое.

Пропуск тегов: ни один из тегов не может быть пропущен.

Для тега доступны ‎глобальные атрибуты.

Элемент <bdi> представляет фрагмент текста, который должен быть изолирован от остального текста для двунаправленного форматирования текста. Используется для текстов, написанных одновременно на языках, читающихся слева направо и справа налево.

<ul>
    <li>Пользователь <bdi>jcranmer</bdi>: 12 записей.
    <li>Пользователь <bdi>hober</bdi>: 5 записей.
    <li>Пользователь <bdi>إيان</bdi>: 3 записи.
</ul>

27. Элемент <bdo>

Категории контента: потоковое содержимое, текстовое содержимое, видимое содержимое.

Контекст, в котором этот элемент может быть использован: где ожидается текстовое содержимое.

Пропуск тегов: ни один из тегов не может быть пропущен.

Для элемента доступны ‎глобальные атрибуты.

Элемент <bdo> позволяет явно управлять форматированием направленности текста для своих дочерних элементов. Для этого необходимо задать атрибут dir со значением ltr, чтобы переопределить направление слева направо, и со значением rtl, чтобы переопределить направление справа налево.

28. Элемент <span>

Категории контента: потоковое содержимое, текстовое содержимое, видимое содержимое.

Контекст, в котором этот элемент может быть использован: где ожидается текстовое содержимое.

Пропуск тегов: ни один из тегов не может быть пропущен.

Для элемента доступны ‎глобальные атрибуты.

Элемент <span> сам по себе ничего не значит, но может быть полезен при использовании вместе с глобальными атрибутами, например, class, lang или dir. Он представляет свои дочерние элементы.

В этом примере фрагмент кода размечается с использованием элементов span и атрибутов class, чтобы его ключевые слова и идентификаторы можно было кодировать цветом из CSS:

<pre>
<code class="lang-c">
    <span class="keyword">for</span> (<span class="ident">j</span> = 0; <span class="ident">j</span> < 256; <span class="ident">j</span>++) {
    <span class="ident">i_t3</span> = (<span class="ident">i_t3</span> & 0x1ffff) | (<span class="ident">j</span> << 17);
    <span class="ident">i_t6</span> = (((((((<span class="ident">i_t3</span> >> 3) ^ <span class="ident">i_t3</span>) >> 1) ^ <span class="ident">i_t3</span>) >> 8) ^ <span class="ident">i_t3</span>) >> 5) & 0xff;
    <span class="keyword">if</span> (<span class="ident">i_t6</span> == <span class="ident">i_t1</span>)
    <span class="keyword">break</span>;
  }</code>
</pre>

29. Элемент <br>

Категории контента: потоковое содержимое, текстовое содержимое.

Контекст, в котором этот элемент может быть использован: где ожидается текстовое содержимое.

Пропуск тегов: отсутствует закрывающий тег.

Для элемента доступны ‎глобальные атрибуты.

Элемент <br> представляет разрыв строки. Элементы <br> должны использоваться только для разрывов строк, которые фактически являются частью содержимого, как в стихах или адресах, например:

<p>P. Sherman<br>
42 Wallaby Way<br>
Sydney</p>

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

<p>
    <label>Имя: <input name="name"></label><br>
    <label>Адрес: <input name="address"></label>
</p>

30. Элемент <wbr>

Категории контента: потоковое содержимое, текстовое содержимое.

Контекст, в котором этот элемент может быть использован: где ожидается текстовое содержимое.

Пропуск тегов: отсутствует закрывающий тег.

Для тега доступны ‎глобальные атрибуты.

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

<pre>...
Heading heading = Helm.HeadingFactory(HeadingCoordinates[1], <wbr>HeadingCoordinates[2], <wbr>HeadingCoordinates[3], <wbr>HeadingCoordinates[4]);
Course course = Helm.CourseFactory(Heading, <wbr>Maps.MapFactoryFromHeading(heading), <wbr>Speeds.GetMaximumSpeed().ConvertToWarp());
...</pre>

По материалам Text-level semantics

Поделиться: