Семантика текста (html5 тема 04 - семантика текста)
TRANSCRIPT
![Page 1: Семантика текста (HTML5 тема 04 - семантика текста)](https://reader034.vdocuments.site/reader034/viewer/2022050803/5881d3c81a28ab331a8b5dbd/html5/thumbnails/1.jpg)
Семантика текстаСтажировка HTML5
Ирина Панова
![Page 2: Семантика текста (HTML5 тема 04 - семантика текста)](https://reader034.vdocuments.site/reader034/viewer/2022050803/5881d3c81a28ab331a8b5dbd/html5/thumbnails/2.jpg)
Семантическое значение тегов <b> и <strong>
<b> для выделения кусков текста с целью обратить внимание читателей, Например: ключевые слова в документе, названия продуктов, первый абзац в статье.
<strong> как и раньше означает повышенную значимость своего содержимого.
![Page 3: Семантика текста (HTML5 тема 04 - семантика текста)](https://reader034.vdocuments.site/reader034/viewer/2022050803/5881d3c81a28ab331a8b5dbd/html5/thumbnails/3.jpg)
<i> содержит текст, выбивающийся из общего окружения, но не имеющий эмоциональной окраски.
HTML:<i>Per aspera ad Astra</i> — в переводе с латыни изречение означает «Через тернии к звёздам».
Per aspera ad Astra — в переводе с латыни изречение означает «Через тернии к звёздам».
Семантическое значение тега <i>
![Page 4: Семантика текста (HTML5 тема 04 - семантика текста)](https://reader034.vdocuments.site/reader034/viewer/2022050803/5881d3c81a28ab331a8b5dbd/html5/thumbnails/4.jpg)
Семантическое значение тега <em>
<em> текст имеет эмоциональную окраску.
HTML:Казнить <em>нельзя</em>, помиловать.
Казнить нельзя, помиловать.
![Page 5: Семантика текста (HTML5 тема 04 - семантика текста)](https://reader034.vdocuments.site/reader034/viewer/2022050803/5881d3c81a28ab331a8b5dbd/html5/thumbnails/5.jpg)
Семантическое значение тега <s>
<s> представляет информацию, которая утратила свою актуальность.
HTML: Купи по цене - 999 р. вместо <s>1000 р.</s>!
Купи по цене - 999 р. вместо 1000 р.!
![Page 6: Семантика текста (HTML5 тема 04 - семантика текста)](https://reader034.vdocuments.site/reader034/viewer/2022050803/5881d3c81a28ab331a8b5dbd/html5/thumbnails/6.jpg)
Семантическое значение старых тега <del>
<del> показывает, что текст ошибочен. Например, для выделения текста, который был удален в новой
версии
HTML: В последующих версиях <del>этот недостаток был удален</del>.
В последующих версиях этот недостаток был удален.
![Page 7: Семантика текста (HTML5 тема 04 - семантика текста)](https://reader034.vdocuments.site/reader034/viewer/2022050803/5881d3c81a28ab331a8b5dbd/html5/thumbnails/7.jpg)
Семантическое значение тега <q>
<q> - определяет короткую цитату, выделяет ее кавычками.
HTML:Текст с <q>короткой цитатой</q>.
Текст с “короткой цитатой”.
![Page 8: Семантика текста (HTML5 тема 04 - семантика текста)](https://reader034.vdocuments.site/reader034/viewer/2022050803/5881d3c81a28ab331a8b5dbd/html5/thumbnails/8.jpg)
Семантическое значение тега <blockquote><blockquote> определяет блок с цитатой.
HTML:Цитата: <blockquote>На древнегреческом портале античного мира было начертано: познай самого себя <cite> — Оскар Уальд.</cite></blockquote>
Цитата: “На древнегреческом портале античного мира было начертано: познай самого себя” — Оскар Уальд.
![Page 9: Семантика текста (HTML5 тема 04 - семантика текста)](https://reader034.vdocuments.site/reader034/viewer/2022050803/5881d3c81a28ab331a8b5dbd/html5/thumbnails/9.jpg)
Семантика нового тега <mark>
Текст находящийся между этими тегами становится “выделенным”. Одно из предназначений данного тега, обрамлять слова в тексте, которые
например совпадают со словом введенным пользователем в поисковую строку.
Текст становится выделенным.
HTML:Текст становится <mark>выделенным</mark>.
![Page 10: Семантика текста (HTML5 тема 04 - семантика текста)](https://reader034.vdocuments.site/reader034/viewer/2022050803/5881d3c81a28ab331a8b5dbd/html5/thumbnails/10.jpg)
Предназначен для создания дат и времени в формате ISO вида: YYYY-MM-DDThh:mm:ss. Может обрамлять дату или текст, если тег обрамляет текст, то в него добавляют атрибут datetime, значением которого выступает дата
и/или время в формате ISO.
2 сентября 2016 был опубликован этот пост.
<time datetime=”2016-02-09”>2 сентября 2016</time> был опубликован этот пост.
Семантика нового тега <time>
![Page 11: Семантика текста (HTML5 тема 04 - семантика текста)](https://reader034.vdocuments.site/reader034/viewer/2022050803/5881d3c81a28ab331a8b5dbd/html5/thumbnails/11.jpg)
Указывает браузеру, где надо перенести длинное слово, если оно не вмещается.
метоксихлордиэтиламинометил
HTML: метоксихлор<wbr>диэтиламино<wbr>метил
Семантика нового тега <wbr>
![Page 12: Семантика текста (HTML5 тема 04 - семантика текста)](https://reader034.vdocuments.site/reader034/viewer/2022050803/5881d3c81a28ab331a8b5dbd/html5/thumbnails/12.jpg)
Полезные ссылки
Все теги HTML5:https://developer.mozilla.org/ru/docs/Web/HTML/Element
Спецификация:https://www.w3.org/TR/html5/