Мы не предоставляем хостинг. Во вопросам выбора и заказа хостинга рекомендуем обращаться на сайт хостобзор.ру

Веб семантика

При правильной, грамотной верстке веб-страницы разработчик всегда должен придерживаться правил создания семантически корректного HTML-кода. Первоочередная задача семантики в веб – это правильная структуризация кода страницы, результатом которой являются неоспоримые преимущества семантически правильно составленного документа. Семантика, прежде всего, предусматривает четкое разделение упорядоченных, строго отформатированных смысловых данных от стилевого визуального оформления документа. Визуальное оформление осуществляется с помощью таблиц CSS. Одно из первых правил, которого необходимо придерживаться – это корректное использование элементов разметки. То есть каждый элемент HTML-кода должен применяться только по своему прямому назначению, которое определяется стандартами W3C. Если, к примеру, тег <table> предназначен для размещения таблицы в теле документа, то этот элемент HTML разметки должен содержать только табличные данные (статистика, расписание, формы и т.д.), но не применяться в целях визуального оформления веб-страницы. Теги заголовков <h1> - <h6> применяйте исключительно в целях выделения заголовков текстового наполнения документа. Для цитирования используйте теги <blockquote> или <cite>. Если текст документа включает списки, то применяйте предназначенные для них элементы разметки – теги <ul> / <ol>. И так далее. Более строгие правила синтаксиса используются в стандарте XHTML, который не позволяет вольностей в коде документа, которые вполне допустимы в HTML стандарте. А именно: каждый элемент должен содержать как открывающий тег, так и закрывающий; значения всех атрибутов элементов указываются только в кавычках; одинарные теги тоже закрываются; для названия элементов разметки (тегов) используются строчные буквы, а не заглавные; необходимо строго соблюдать вложенность тегов; атрибут name заменяется на id; всем атрибутам элемента должны быть присвоены значения (запрещена сокращенная форма атрибутов). Немаловажное значение в вопросе грамотного кода документа имеет способ верстки. Здесь рассмотрим два метода: табличный и бестабличный (блочный). В основе табличной верстки лежит таблица. В этом случае, как правило, применяется глубокая степень вложенности таблиц и сам HTML-код получает абсолютно нечитабельный вид. Метод табличной верстки является неправильным с точки зрения веб семантики. Что касается бестабличной верстки, то здесь имеет место совершенно противоположный эффект. Этот метод является семантически корректным. Смысловой контент документа размещается в элементах разметки с учетом семантики, визуально отформатированных с помощью стилей CSS. В заключении необходимо перечислить основные преимущества документов, имеющих правильную семантическую разметку: - Структура страниц сохраняется и в случае полного отсутствия поддержки средств форматирования CSS. Даже в таких исключительных случаях смысл контента веб-страницы полностью сохраняется. -Облегчается процесс индексации страниц сайта роботами поисковых систем. Корректная разметка позволяет легко определять значение фрагментов текста. - За счет компактности уменьшается объем веб-ресурса и, как следствие, уменьшается время, требуемое для загрузки страниц. -Пользователи, которые применяют специальные программы для чтения с экрана, могут без труда воспользоваться информацией, представленной на страницах вашего сайта. -Благодаря соблюдению всех правил семантики значительно упрощается процесс поддержки и редизайна сайта.