SkylineLab > Статьи > В помощь верстальщику > Достоинства семантической версткиСтатьи
Достоинства семантической верстки

В помощь верстальщику: Статьи - Достоинства семантической верстки

     Достоинства семантической верстки

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

      Всем известно, что чтобы сверстать веб-страницу используют язык HTML или XHTML - его современную вариацию. Семантика данного языка обусловливается смысловым значением его конструкции. К примеру, тег h1 показывает, что это заголовок наивысшего уровня, а для элемента списка используется тег li. Если во время верстки теги были использованы для тех целей, для которых предназначены изначально, это значит, что для создания страницы применялась семантическая верстка. Наиболее распространенным вариантом отступления от методов семантической верстки можно назвать табличную верстку, где табличные теги нужны для оформления, а не для формирования собственно таблицы.

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

      Семантическая верстка всегда тесно объединена с представлением и разделением данных. В коде HTML содержатся лишь данные и их структура, а внешний вид - представление, лежит в файле стилей CSS отдельно. Подобная структура помогает без проблем менять внешний вид страницы, не затрагивая собственно кода. Если вы захотите сделать разные стили для печати и для вывода на экран, то для распечатки не нужно будет создавать специально страницы. Такая структура позволяет разделять труд специалистов, поэтому нередко оформлением занимается дизайнер, а версткой – верстальщик. Разграничение внешнего вида и содержимого позволяет создавать сайты с разным внешним видом. Это удобно, потому что пользователь может сам выбирать стиль сайта, который ему подходит.

      Применение семантической верстки значительно облегчает работу над оформлением однотипных элементов в одном стиле. Нужно только написать необходимый стиль в файле CSS, и о внешнем виде новых элементов можно уже не беспокоиться. Процедура добавки новых документов, которые были созданы в текстовых редакторах, также облегчается. Нередко материалы для сайта пишут в редакторе Word и если теги при верстке не отличаются от стандартных, то очень просто преобразовать выделения, заголовки и списки в аналогичные элементы HTML. Когда не используется семантическая верстка, и нужно оставить исходное форматирование, преобразовывать документ приходится вручную.

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


<< Назад

+7 (903) 66-22-797