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

Опубликованно: 06/02/2008 |Комментарии: 0 | Показы: 254 |

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

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

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

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

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

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

Источник статьи: http://www.rusarticles.com/veb-dizajn-statya/dostoinstva-semanticheskoj-verstki-326217.html

Обсудить статью

Hazic

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

От: Hazicl Интернет> Веб дизайнl 05/07/2013 lПоказы: 291

Быстро и просто с использованием готового шаблона, найденного в сети, и нескольких легких действий над ним можно изготовить нешаблонный web-сайт почти бесплатно, ну или c несущественными финансовыми затратами.

От: Надеждаl Интернет> Веб дизайнl 22/06/2013 lПоказы: 124

Если вам нужен удобный и надежный движок для сайта с функциональностью каталога товаров, то придется перепробовать немало CMS. Я же в свою очередь, попытаюсь направить вас на верный путь.

От: Олегl Интернет> Веб дизайнl 18/06/2013 lПоказы: 611
Sergey Horoshilov

Как работать в opencube navstudio navstudio Есть очень хорошая программа для создания меню на сайте. Это программа называется opencube navstudio.. Сегодня я расскажу вам, как в ней работать!

От: Sergey Horoshilovl Интернет> Веб дизайнl 03/06/2013 lПоказы: 90

Лишь у трети украинских компаний имеется собственный полновесный сайт или личная страница, по статистическим сведениям, которые в своем регулярном отчете публикует Нацкомиссия по вопросам связи. При этом, по тем же данным, на трех украинских сотрудников в настоящее время в среднем приходится лишь единственный пк. Приблизительно 82 % фирм подсоединены к интернету.

От: alexdesignl Интернет> Веб дизайнl 02/06/2013 lПоказы: 89

Каким должен быть дизайн сайта? Есть ли какие-то правила в этой, довольно творческой, области? Наверное, владельцы сайтов, деловые люди, которым сайт нужен чтобы зарабатывать деньги, и сами веб-дизайнеры по-разному ответят на такой вопрос.

От: sokolnichiyl Интернет> Веб дизайнl 06/05/2013 lПоказы: 199

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

От: Женяl Интернет> Веб дизайнl 29/04/2013 lПоказы: 104

Хотите знать плюсы создания сайта с нуля? Хотите знать, что для этого нужно? Тогда эта статья для Вас!

От: sinkilll Интернет> Веб дизайнl 26/04/2013 lПоказы: 156
Андрей Коцюбинский

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

От: Андрей Коцюбинскийl Путешествия> Советы туристамl 13/12/2009 lПоказы: 1,363
Андрей Коцюбинский

Хотя у отдыха на курортах Египта имеется масса достоинств, но следует отметить и ряд недостатков, с которыми полезно познакомиться перед поездкой в эту страну.

От: Андрей Коцюбинскийl Путешествияl 12/12/2009 lПоказы: 291
Андрей Коцюбинский

Отдых на море по минимальной стоимости вполне возможен, но при наличии денег все же лучше выбрать более качественный, но более дорогой вариант.

От: Андрей Коцюбинскийl Путешествияl 04/12/2009 lПоказы: 279
Андрей Коцюбинский

В самом Египте имеется несколько объектов Всемирного наследия, отмеченных ЮНЕСКО, но в соседних странах также есть такие объекты, и на некоторые их них можно отправиться с популярных египетских курортов.

От: Андрей Коцюбинскийl Путешествия> Интересные местаl 29/11/2009 lПоказы: 1,692
Андрей Коцюбинский

Составляемый ЮНЕСКО список объектов Всемирного наследия для Египта содержит, кроме древнеегипетских и христианских памятников, также памятники истории развития ислама и природные объекты.

От: Андрей Коцюбинскийl Путешествия> Интересные местаl 29/11/2009 lПоказы: 1,053
Андрей Коцюбинский

В список объектов Всемирного наследия ЮНЕСКО попадают различные природные и созданные человеком объекты. На территории Египта имеются отмеченные ЮНЕСКО древние центры, связанные с развитием христианства.

От: Андрей Коцюбинскийl Путешествия> Интересные местаl 28/11/2009 lПоказы: 271
Андрей Коцюбинский

Наиболее значимые природные и созданные человеком объекты организация ЮНЕСКО заносит в специальный список объектов Всемирного наследия. В настоящее время этот список содержит около девятисот наименований, и всего семь из них находятся на территории Египта. Особо интересны памятники древнеегипетской цивилизации.

От: Андрей Коцюбинскийl Путешествия> Интересные местаl 28/11/2009 lПоказы: 3,381
Андрей Коцюбинский

Если раньше большинство людей старались взять отпуск летом и отправиться на Черное море, то сейчас многие разбивают отпуск на части, а также пользуются длинными праздниками, чтобы несколько раз в год куда-нибудь съездить.

От: Андрей Коцюбинскийl Путешествия> Интересные местаl 27/11/2009 lПоказы: 302
Блок автора
Категории статей
Quantcast