Семантика
Одно и то же содержимое различных элементов может выглядеть в браузере совершенно одинаково.
Если вы хотите ознакомиться с данным материалом в видео формате, вы можете найти запись в лектории или просто перейти по ссылке. Также вы сможете получить методичку и перезентацию на данную тему под видео - лекцией
Например
<strong>Тест</strong>
<b>Текст</b>
В браузере эти строки выглядят идентично
Тест Текст
Возникает вполне резонный вопрос, в чем разница? В каком случае нужно использовать элемент “strong”, а не “b”?. Почему данные теги нельзя считать эквивалентными? Разница заключается в семантике.
Семантика придает смысловое значение элементу. Например элемент “<strong>” является тегом логической разметки и определяет важность помеченного текста, а элемент “<b>” относится к тегам физической разметки и устанавливает жирный текст, он не имеет смыслового значения.
Семантическая разметка - это такая разметка, которая сформирована используя элементы с правильной смысловой нагрузкой. Например если в документе необходимо акцентировать внимание на какой - либо фразе или слове, она заключается в тег “<strong>”, а не “<b>”.
Таким образом, производя семантическую разметку страницы, мы помогаем поисковым роботом правильно понимать содержимое страницы и определять наиболее значимые ее части