Семантика

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

Если вы хотите ознакомиться с данным материалом в видео формате, вы можете найти запись в лектории или просто перейти по ссылке. Также вы сможете получить методичку и перезентацию на данную тему под видео - лекцией

Например

<strong>Тест</strong>
<b>Текст</b>

В браузере эти строки выглядят идентично

Тест Текст

Возникает вполне резонный вопрос, в чем разница? В каком случае нужно использовать элемент “strong”, а не “b”?. Почему данные теги нельзя считать эквивалентными? Разница заключается в семантике.

Семантика придает смысловое значение элементу. Например элемент “<strong>” является тегом логической разметки и определяет важность помеченного текста, а элемент “<b>” относится к тегам физической разметки и устанавливает жирный текст, он не имеет смыслового значения.

Семантическая разметка - это такая разметка, которая сформирована используя элементы с правильной смысловой нагрузкой. Например если в документе необходимо акцентировать внимание на какой - либо фразе или слове, она заключается в тег “<strong>”, а не “<b>”.

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