HTML5 элементы для лучшей семантики текста
Опубликовано: 07.10.2017
Уроки HTML для начинающих. #2 Работа с текстомСемантика в HTML может помочь веб — дизайнеру не только передать смысл на странице визуально пользователю, но и ещё облегчить понимание кода и оптимизацию текста поисковыми системами с помощью тегов.
В основном семантика в HTML просто делает текст более понятным для чтения, тем более этого можно добиться только с помощью HTML тегов не используя CSS.
Спасибо http://www.sitepoint.com
Семантика в HTML передаёт больше информации и смысла
В качестве примера давайте рассмотрим разницу между элементами <div> и <header>. Первый элемент может содержать в себе множество самых различных элементов на странице, а так как второй элемент уже чётко говорит о том, что это верх страницы, и что в нём будут содержаться навигационные элементы.
HTML5 для начинающих | #16 Заключение
<div id="top">Привет</div> <header>Привет</header>
Любой браузер одинаково применяет стили элементам <div> и <header>, он не разбирается где какой тег, он строго выполняет написанные правила. Но а поисковые системы сканируют текст на веб — странице и понимают данные теги, вот именно в таких случаях очень важна HTML семантика.
6 самых опасных ошибок для текстов на Ваших сайтах. Смотрите и запоминайте!
С годами семантика стала на много сложнее, и поисковые системы её всё лучше и лучше понимают.
Тег <s>
Данный тег отвечает за уже не актуальный контент на странице. Например он часто используется на коммерческих сайтах, где часто меняются цены и цифры.
<h1>Продажа</h1> <p><s>Старая цена $19.99</s> Новая цена $9.99</p> <s>Бутерброд</s> ПроданоТег <s> не используется для обозначений изменений в тексте. По умолчанию тег зачёркивает текст.
Элементы <Ins> и <Del>
Эти теги обычно работают вместе и не используются раздельно. Они обозначают когда и какие изменения были сделаны в документе. Данные теги используются с атрибутом cite указывая на объяснения изменения, и атрибут datetime указывая на то когда это изменение было сделано.