Семантика текста https://university.noveogroup.ru

1. Семантика текста
Стажировка HTML5
Ирина Панова

2. Семантическое значение тегов
<b> и <strong>
<b> для выделения кусков текста с целью обратить внимание читателей,
Например: ключевые слова в документе, названия продуктов, первый абзац в
статье.
<strong> как и раньше означает повышенную значимость своего содержимого.

3. <i> содержит текст, выбивающийся из общего окружения, но не имеющий
эмоциональной окраски.
HTML:
<i>Per aspera ad Astra</i> — в переводе с латыни изречение означает «Через тернии
к звёздам».
Per aspera ad Astra — в переводе с латыни изречение означает «Через тернии к
звёздам».
Семантическое значение тега <i>

4. Семантическое значение тега <em>
<em> текст имеет эмоциональную окраску.
HTML:
Казнить <em>нельзя</em>, помиловать.
Казнить нельзя, помиловать.

5. Семантическое значение тега <s>
<s> представляет информацию, которая утратила свою актуальность.
HTML:
Купи по цене - 999 р. вместо <s>1000 р.</s>!
Купи по цене - 999 р. вместо 1000 р.!

6. Семантическое значение старых тега <del>
<del> показывает, что текст ошибочен.
Например, для выделения текста, который был удален в новой версии
HTML:
В последующих версиях <del>этот недостаток был удален</del>.
В последующих версиях этот недостаток был удален.

7. Семантическое значение тега <q>
<q> - определяет короткую цитату, выделяет ее кавычками.
HTML:
Текст с <q>короткой цитатой</q>.
Текст с “короткой цитатой”.

8. Семантическое значение тега <blockquote>
<blockquote> определяет блок с цитатой.
HTML:
Цитата: <blockquote>На древнегреческом портале античного мира было начертано:
познай самого себя <cite> — Оскар Уальд.</cite></blockquote>
Цитата:
“На древнегреческом портале античного мира было начертано: познай
самого себя” — Оскар Уальд.

9. Семантика нового тега <mark>
Текст находящийся между этими тегами становится “выделенным”. Одно из
предназначений данного тега, обрамлять слова в тексте, которые например
совпадают со словом введенным пользователем в поисковую строку.
Текст становится выделенным.
HTML:
Текст становится <mark>выделенным</mark>.

10. Предназначен для создания дат и времени в формате ISO вида: YYYY-MM-
DDThh:mm:ss. Может обрамлять дату или текст, если тег обрамляет текст, то в него
добавляют атрибут datetime, значением которого выступает дата и/или время в
формате ISO.
2 сентября 2016 был опубликован этот пост.
<time datetime=”2016-02-09”>2 сентября 2016</time> был опубликован этот пост.
Семантика нового тега <time>

11. Указывает браузеру, где надо перенести длинное слово, если оно не вмещается.
метоксихлор
диэтиламино
метил
HTML:
метоксихлор<wbr>диэтиламино<wbr>метил
Семантика нового тега <wbr>

12. Полезные ссылки
Все теги HTML5:
https://developer.mozilla.org/ru/docs/Web/HTML/Element
Спецификация:
https://www.w3.org/TR/html5/