Семантика текстаСтажировка HTML5

Ирина Панова

Семантическое значение тегов <b> и <strong>

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

<strong> как и раньше означает повышенную значимость своего содержимого.

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

HTML:<i>Per aspera ad Astra</i> — в переводе с латыни изречение означает «Через тернии к звёздам».

Per aspera ad Astra — в переводе с латыни изречение означает «Через тернии к звёздам».

Семантическое значение тега <i>

Семантическое значение тега <em>

<em> текст имеет эмоциональную окраску.

HTML:Казнить <em>нельзя</em>, помиловать.

Казнить нельзя, помиловать.

Семантическое значение тега <s>

<s> представляет информацию, которая утратила свою актуальность.

HTML: Купи по цене - 999 р. вместо <s>1000 р.</s>!

Купи по цене - 999 р. вместо 1000 р.!

Семантическое значение старых тега <del>

<del> показывает, что текст ошибочен. Например, для выделения текста, который был удален в новой

версии

HTML: В последующих версиях <del>этот недостаток был удален</del>.

В последующих версиях этот недостаток был удален.

Семантическое значение тега <q>

<q> - определяет короткую цитату, выделяет ее кавычками.

HTML:Текст с <q>короткой цитатой</q>.

Текст с “короткой цитатой”.

Семантическое значение тега <blockquote><blockquote> определяет блок с цитатой.

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

Цитата: “На древнегреческом портале античного мира было начертано: познай самого себя” — Оскар Уальд.

Семантика нового тега <mark>

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

например совпадают со словом введенным пользователем в поисковую строку.

Текст становится выделенным.

HTML:Текст становится <mark>выделенным</mark>.

Предназначен для создания дат и времени в формате ISO вида: YYYY-MM-DDThh:mm:ss. Может обрамлять дату или текст, если тег обрамляет текст, то в него добавляют атрибут datetime, значением которого выступает дата

и/или время в формате ISO.

2 сентября 2016 был опубликован этот пост.

<time datetime=”2016-02-09”>2 сентября 2016</time> был опубликован этот пост.

Семантика нового тега <time>

Указывает браузеру, где надо перенести длинное слово, если оно не вмещается.

метоксихлордиэтиламинометил

HTML: метоксихлор<wbr>диэтиламино<wbr>метил

Семантика нового тега <wbr>

Полезные ссылки

Все теги HTML5:https://developer.mozilla.org/ru/docs/Web/HTML/Element

Спецификация:https://www.w3.org/TR/html5/