proview.ruКонструирование сайтовHTML → Логическое форматирование в HTML

Логическое форматирование в HTML

Визуальное форматирование

Принцип логического форматирования HTML-документов подразумевает использование тегов для разметки в соответствии со смысловым значением элементов страницы, а не с желаемым внешним видом.

К элементам и приемам, нарушающим этот принцип, относятся:

  • использование тегов физического, или визуального, форматирования текста (начиная с привычного <FONT> и заканчивая динозаврами наподобие <U>); а также указание дополнительных параметров визуального форматирования в валидных тегах (таких, как BGCOLOR в теге <BODY>),
  • искажение смысла тегов (например, использование <UL> и <EM> вместо <BLOCKQUOTE> и <CITE>),
  • использование невидимых таблиц с целью создания «каркаса» страницы и позиционирования блоков.

Очевидно, принцип логического форматирования не подразумевает подобных отступлений от «буквы закона». И, конечно, эти отступления нашли широкое применение.

Логическое форматирование

На сегодняшний день предложены методы форматирования HTML-документов, альтернативные визуальному. А именно:

  • тэгам визуального форматирования текста соответствует расширенный набор логических тегов, рекомендованных в четвертой версии HTML,
  • дополнительные параметры оформления, отличающиеся от заданных в браузере по умолчанию, указываются в каскадной таблице стилей (CSS), в т. ч. с использованием параметра CLASS,
  • позиционирование элементов также достигается средствами CSS и представляет собой более гибкий инструмент для форматирования по сравнению с таблицами.

Зачем?

Возникает закономерный вопрос: зачем ради «чистоты языка» менять привычные способы верстки и усложнять себе работу? На самом деле работать с «чистым» унифицированным кодом становится проще и удобнее. Кроме того, концепция CSS предоставляет веб-строителю дополнительные степени свободы за счет создания единого центра управления стилями.

Реальность и частности

Некоторые из тегов физического форматирования (скажем, <I>) сегодня, действительно, выходят из моды, а каскадные таблицы стилей овладевают все большим числом умов. Однако, думаю, что использование таблиц для создания пространственной структуры веб-документов в ближайшем будущем сохранит свою актуальность. Этот, как и некоторые другие вопросы, я намеренно не затрагиваю, чтобы вернуться к ним в одной из следующих статей.

Подведем итоги

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


Источник: http://dunnay.hotbox.ru/

Популярное