Материал предоставлен https://it.rfei.ru

Семантическая разметка

В языке HTML существует ряд текстовых элементов, не вносящих изменения в структуру веб-страницы, но добавляющих дополнительную информацию. Эти теги принято называть семантической (то есть смысловой) разметкой.

В последней части этого раздела вы познакомитесь еще с несколькими элементами, которые помогут вам с оформлением текста на веб-странице, — например с элементом <em>, позволяющим акцентировать внимание на словах, на которые падает логическое ударение, и с элементом <blockquote>, обозначающим, что включенный в него текст является цитатой. Зачастую браузеры используют особые стили отображения текста, помещенного в такие элементы. Например содержимое тега <em> отображается курсивом, тогда как текст в пределах элемента <blockquote> выделяется отступами. Впрочем, не стоит использовать эти элементы для изменения оформления отображаемого текста: они используются лишь для более точного описания контента вебстраниц.

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

Что это даёт в итоге? Поисковые системы начинают лучше индексировать сайт, потому что чётко отделяют контент страницы от вспомогательных элементов. Речевые браузеры, предназначенные для слепых людей, пропускают заголовок и переходят непосредственно к содержимому. Сайты могут автоматически обмениваться контентом и другой информацией между собой. Все эти возможности называются семантикой и позволяют представить данные в удобном для роботов виде. Узнать больше о поисковых роботах и продвижении сайта в поисковых системах вы сможете в нашем курсе «IT1306: Оптимизация и продвижение сайтов в Интернет».

Перевод строк и горизонтальные линииВажная информация и логическое ударение