+38(044) 277-40-42
+38(063) 233-01-83
+38(044) 277-42-05
+38(063) 233-01-83

Семантика HTML верстки

       Семантика, сама по себе, подразумевает какой-нибудь смысл некоторого предмета, как слова или предложения. С помощью семантики люди (а на сегодняшний день и машины, роботы) интерпретируют рассматриваемый ими предмет. В мире интернета, HTML служит как людям, так и машинам (например, поисковым роботам), указывая машине смысл содержания, заключенного в некий семантический HTML тег.
       Если вы будете тщательно планировать структуру вашего HTML, вы можете помочь компьютерам понять смысл содержания, заложенного в вашу разметку. Правильный синтаксис разметки, конечно, очень важен, он нужен только для того, что была возможность у вашей странички поддерживать различные парсеры, улучшить работу поисковых движков, и других вспомагательных технологий.
       Если вы при HTML верстке будете обращать внимание на семантику, вы сможете создать более качественный контент, который привлечет больше посетителей. Семантику можно назвать также изучением смысла, а в более широком контексте – это некая ветвь логики и лингвистики.
       В мире веб разработки, под семантикой будем понимать знание компьютера о структуре документа и роли элементов внутри него. Если вы хотите создавать правильную семантику HTML верстки, вы должны глубоко понимать структуру вашего контента и возможности Front end технологий.
       Какая же выгода от этой семантики? Правильная семантика намного улучшает поиск вашего контента поисковыми роботами, что отразиться на более высокой позиции вашего веб-сайта при соответствующем запросе в поисковых системах. Также семантика повышает доступность вашего сайта к некоторым вспомагательным технологиям, например, программам чтения содержания с экрана – улучшить интерпретацию смысла вашего контента.
       Концепция семантики является не такой новой, как кажется, она уже существовала задолго до эпохи HTML5 и хороший web-мастер, понимал, что тот или иной тег, является семантическим, и в нем можно содержать только соответствующий тип контента, а не просто использовал его без раздумья.
       Чтобы создать хорошую структуру HTML верстки, нудно обратить внимание на следующие несколько правил:
       -          Самым наружным, или родительским элементом всегда является тег body.
       -          Теги секций section/header/footer/etc.. могут быть вложенными
       -          Каждая секция имеет свой собственный иерархический уровень заголовков. Даже если верстка состоит из всего 5 секций, каждая из них должна иметь свой правильный заголовок.
       -          Секции, определенные тегом nav или aside не относятся к основному документу, и, обычно, не рендерятся изначально вспомагательными технологиями.
       -          Каждая секция (body, section, article, aside, nav) может иметь свой собственный header и footer.