Логическая и физическая разметки Web-страницы довольно условные. Под физической разметкой подразумевают особенности страницы, а под логической - выделение на ней цельных логических элементов. Точный вид этих элементов, которые размечены кодом Web-страницы, на экране будет зависеть от браузера, установленного у посетителя страницы.
Дескрипторы, отвечающие только за внешний вид текста (,,, , , , , ) относят к средствам физической разметки. В то же время дескрипторы заголовков относят к средствам логической разметки, поскольку их функция заключается в описании роли заголовков на странице.
Расстановка акцентов
При обращении внимания читателя на что-нибудь важное мы выделяем это важное каким-либо образом (например, начертанием шрифта или подчеркиванием). Однако если на одной странице будет использовано несколько видов выделений это может привести к беспорядку. Избежать этого можно, если вместо различных вариантов выделения будет использоваться логическая разметка.
Статья: Логическая разметка гипертекста в HTML
Для этого в HTML предусмотрены следующие средства.
Если в книге хотят акцентировать внимание читателя на некоторых моментах, то выделяют эти слова курсивом. В HTML эту функцию выполняет физический дескриптор . Помимо него, для выделения важных моментов используют дескриптор . Его название произошло от английского «EMphasis», что означает постановку ударения, выделение, подчеркивание. Этот дескриптор является парным. Содержимое его конструкции, обычно выводится курсивом.
Рассмотрим другой вариант выделения. Что нужно сделать, чтобы определенные слова буквально бросались в глаза читателю еще прежде, чем он примется за чтение? Как правило, для этого применяют более крупный или жирный шрифт. На физическом уровне используется дескриптор . Однако можно воспользоваться и дескриптором , который также является парным и все, заключенное в нем, выведется на экран жирным шрифтом.
В случаях, когда требуется выделить наиболее важную информацию, которой в последующих фразах будет даваться определение (например, в словарях), для логической разметки таких терминов используют дескриптор (от английского DeFiNition, что означает «определение»). Содержимое данной конструкции обычно отображается курсивом.
Цитаты
В соответствии с правилами русского языка, цитаты заключают в кавычки. В электронных публикациях приходится делать это самостоятельно.
Помимо использования кавычек, цитаты обычно выделяют еще и форматированием. Для коротких, состоящих из одного предложения, цитат используют курсив. Более длинные, состоящие из нескольких предложений цитаты, как правило, выделяются в отдельный абзац, чтобы читатель лучше воспринимал текст.
При разметке коротких цитат используют дескриптор , содержимое данной конструкции обычно выделяется курсивом. Для оформления больших цитат применяют дескриптор . Содержимое конструкции и , выносится в отдельный абзац с отступом.
Верхние и нижние индексы
Текст верхних и нижних индексов будет выводиться более мелким шрифтом и располагаться соответственно выше или ниже уровня строки. В HTML для этого предназначены дескрипторы и . Их названия происходят от английских слов subscript и superscript, которые означают «нижний индекс» и «верхний индекс». Эти дескрипторы являются парными. Содержимое конструкции ... , выводится более мелким шрифтом и на полстроки ниже основного текста, а содержимое конструкции ... выводится на полстроки выше основного текста и также более мелким шрифтом.
Зачеркивания и подчеркивания
В HTML-коде зачеркнутый текст размечают с помощью дескрипторов и . Идея логической разметки состоит в том, чтобы не только описать внешний вид текста на экране, но и обозначить его роль в документе.
Для разметки удаленного текста будет использоваться дескриптор . Его название происходит от английского слова delete (удалить). Внешне удаленный текст выглядит так же, как текст, содержащийся в конструкции ... .
В Microsoft Word исправления, которые вставлены в текст, выделяют подчеркиванием.
Подчеркнутый текст можно разместить с помощью дескриптора . Но это будет простым подчеркиванием. В случае, когда необходимо указать, что это не просто отформатированный фрагмент, а текст, который вставлен в результате осмысления, будем использовать логический дескриптор (от английского insert — вставка), который также является парным. Текст, содержащийся внутри конструкции ... , называется вставленным и отображается на экране как подчеркнутый.
Сокращения
В Web-документах сокращения обозначются с помощью дескриптора . Сам по себе он не дает визуальных эффектов и его используют в основном ради параметра title. Значение данного параметра будет выводиться на экране рядом с указателем мыши, который, в свою очередь, был наведен на интересующее слово.
Обратный адрес
Одним из дежурных элементов, широко используемых в статьях, письмах, новостных сообщениях, является подпись, иногда с указанием званий, должностей, часто с адресом (электронным или обычным). Для разметки таких элементов применяется дескриптор , который является парным. Содержимое его конструкции, как правило, выводится курсивом либо отдельным абзацем.
Размещение программных кодов
Небольшой фрагмент программного кода, который встречается в тексте, размещают с помощью дескриптора . Содержимое конструкции … выводится на экран моноширинным шрифтом, таким как Courier.
Если речь идет о большом фрагменте в несколько строк, то можно использовать дескрипторы и . Комбинируя абзацы с разрывами строк, можно разделять логически обособленные фрагмента кода.
Но в программных кодах помимо пустых строк часто можно встретить табуляции и другие отступы, разбавляющие текст и позволяющие понять, что написано. Заменять эти табуляции и пробелы на коды соответствующих символов можно, используя дескриптор (от английского preformatted, что означает «с сохранением форматирования»). Даный дескриптор примечателен тем, что внутри конструкции ... все пробелы, табуляции и переходы на новые строки сохраняются в том виде, в котором они были введены в HTML-редакторе.
Содержимое конструкции ... всегда выводится на экран с новой строки. Поэтому использовать перед ним дескриптор не нужно.
Вывод переменных
В текстах по физике или математике переменные, как правило, выводятся курсивом.
В HTML для разметки переменных используется специальный дескриптор (от английского variable, что означает «переменная»). Внешне выглядит как тот же курсив. Но подобная разметка сообщает браузеру о назначении данного фрагмента.
Дескрипторы и
Кроме всего вышеперечисленного, существуют еще текст, вводимый пользователем и примеры текста, выводимого программой на экран. Первый размечается дескриптором (от английского keyboard —«клавиатура»), второй — дескриптором (от английского sample, что означает «образец, пример»). В окне браузера оба вида текста отображаются моноширинным шрифтом.
Заключение
Физические и логические... Часто, когда мы встречаем подобные диаметрально противоположные пары свойств или вещей, хочется спросить: "А какие лучше?". И не менее часто получаем ответ: "Смотря что вам нужно".
В настоящее время присутствует тенденция постепенной замены физической разметки гипертекста на логическую. Главной причиной этого является стремление к унификации видов электронных документов с учетом устоявшихся традиций и правил, а также упрощению анализа документов поисковыми системами. Задача таких систем — понять, о чем идет речь в тексте и поместить его в соответствующий раздел электронного каталога. Если в тексте уже на стадии верстки будут выделены главные элементы, эта задача значительно упростится.
