Вернуться назад
HTML5 — Понятие семантики

Подраздел: #Html

1 мин

HTML5 — Понятие семантики

2 августа 2022

125

Что такое семантика

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

Но кроме человека, проанализировать контент веб-страницы пытаются и другие системы: поисковые роботы, программы, читающие текст с экрана и т.д. Для этих агентов очень важно как создан сайт, т.е. из каких элементов он состоит и как они взаимосвязаны между собой. Следовательно, одной из основных задач, которую необходимо выполнить веб-разработчику или автору интернет ресурса — это вложить смысл в создаваемые веб-страницы, т.е. сделать их как можно более понятными для поисковых и других систем.

Процесс вложения смысла в содержимое веб-страницы с помощью элементов HTML 5 и посредством их взаимного расположения называется семантикой.

Почему так важно сделать сайт семантически верным? Да, потому что чем более понятным станет контент сайта для поисковых роботов, тем его проще будет найти пользователям.

Таким образом семантика, это очень важная часть современного web, это его сердце. При этом чем более семантически верно построен сайт, тем он является более эффективным.

Основной подход к созданию семантического сайта

При создании HTML-документа необходимо очень тщательно подходить к выбору и расположению элементов. Необходимо знать какой семантический смысл стоит за каждым из используемых элементов и как он сочетается с другими элементами. И уже только потом переходить к разметке некоторого контента.

Спецификация HTML 5 имеет ограниченное число элементов (более 100) с помощью которых автор может разметить страницу.

Основные направления, над которыми необходимо работать автору с HTML 5 документом, чтобы сделать его семантически верным:

  1. Использовать при разметки веб-страницы новые семантические элементы HTML 5.
  2. Использовать новые правила HTML 5 для создания содержания документа, т.е. улучшать его структуру.
  3. Применять при разработке новые модели контента, которые описывают как и где можно использовать те или иные элементы.

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: