смещением текста цитаты вправо.
Последней инстанцией определения
внешнего вида документа, как уже отмечалось,
является программа просмотра читателя.
Создатель документа имеет ограниченные
возможности повлиять на этот процесс с помощью
элементов физического форматирования, список
которых приведен ниже.
- выделяет
текст полужирным шрифтом.
-
выделяет текст курсивом.
-
выводит текст шрифтом фиксированной ширины.
-
элемент подчеркивания.
- элемент зачеркивания.
-
выводит текст шрифтом большего размера.
- выводит текст шрифтом меньшего размера.
-
сдвигает текст ниже уровня строки и выводит (если
возможно) шрифтом меньшего размера.
-
сдвигает текст выше уровня строки и выводит (если
возможно) шрифтом меньшего размера.
Все элементы физического
форматирования являются контейнерами. Элементы
физического форматирования могут быть
вложенными друг в друга. При этом нужно
внимательно следить, чтобы один контейнер
находился целиком в другом контейнере.
Одной из важных особенностей,
воплощенных в
HTML, начиная с
версии 3.2, является полный контроль облика
создаваемого документа. Такая возможность
отсутствовала в предыдущих версиях языка. Можно
сказать, что единственной существенной
проблемой осталось отсутствие на машине
пользователя каких-либо шрифтов, которые
используются в документе.
FONT
впервые появился
в
HTML версии 3.2 и представляет
собой контейнер. После стартового тэга
обязательно указание атрибутов, без которых
элемент не имеет никакого влияния на текст,
помещенный в контейнер. Элемент
FONT
может находиться внутри любого
другого текстового контейнера.
служит для указания размеров, типа и
цвета шрифта, стандартных для данного документа.
Эти величины обязательны для всего документа,
если только не переназначаются при помощи
элемента
FONT
.
После закрытия элемента
FONT
значения тэга
восстанавливаются. Значения
атрибутов
BASEFONT
могут быть изменены другим тэгом
в любом
месте документа. Тэг
не является контейнером и
использует те же атрибуты, что и элемент
.
Тег
Тег отмечает свой текст как аббревиатуру (ABBReviation).
Несмотря на то, что этот тег включен в спецификацию HTML 4.0, он до настоящего
времени не поддерживается ни одним браузером.
Тег
Тег . Так же, как и тег , используется
для отметки аббревиатур. Этим тегом рекомендуется отмечать так называемые акронимы,
т. е. произносимые слова, состоящие из аббревиатур. Тег возможно
в будущем станет использоваться для невизуального отображения элементов, например
при речевом синтезе.
Данный тег удобно использовать в сочетании с параметром
TITLE, в качестве значения которого можно указать полную форму записи аббревиатуры.
Тогда визуальные браузеры при наведении курсора на текст, размеченный тегом
, будут выдавать полное наименование в виде появляющейся подсказки.
Заметим, что тег распознается только браузером
Microsoft Internet Explorer. Пример:
СПбГИТМО
- один из ведущих технических вузов Санкт-Петербурга
Тег
Тег используется для отметки цитат или названий
книг и статей, ссылок на другие источники и т. д. Браузерами такой текст обычно
выводится курсивом. Пример:
Невское время является
одной из наиболее популярных городских газет Санкт-Петербурга
Тег
Тег отмечает свой текст как небольшой фрагмент
программного кода. Как правило, отображается моноширинным шрифтом. Этот тег
не следует путать с тегом Являющимся элементом уровня блока, который
следует использовать для отметки больших фрагментов (листингов) кода.
Например:
Пример простейшего оператора языка программирования
C:
puts("Hello, World!");
Есть еще одно различие в использовании тегов
и В коде программ часто бывает важно наличие нескольких идущих
подряд пробелов. Их отображение будет сохранено только при использовании тега
Тэг
Тэг отмечает свой текст как удаленный. Этот
элемент полезно использовать для отметки изменений, вносимых в документ от версии
к версии. Тэг может использоваться как элемент уровня текста и как
элемент уровня блока.
Тег имеет два необязательных параметра: CITE и DATETIME.
Значение параметра CITE должно представлять собой URL-адрес документа, поясняющего
причины удаления данного фрагмента.
Параметр DATETIME указывает дату удаления в формате: YYYY-MM-DDThh:mm:ssTZD,
определяющем год, месяц, число, часы, минуты и секунды удаления, а также часовой
пояс (Time Zone). Например:
Последней принятой спецификацией языка разметки
HTML является версия 3.2
4.0
Текст, помеченный тегом обычно отображается
перечеркнутым текстом. В спецификации HTML 4.0 этому тегу отдается предпочтение
перед тегом физического форматирования или , обозначающих
перечеркнутый текст. Однако тег
Тег
Тег отмечает свой текстовый фрагмент как определение
(DeFinitioN). Например, этим тегом можно отметить какой-либо термин, когда он
встречается в тексте в первый раз. Пример:
Internet Explorer - это
популярный Web-браузер
Тег поддерживается только браузером Microsoft
Internet Explorer. Отображается по умолчанию курсивом.
Тег
Тег отмечает свой текст как вставку (INSertion).
Этот элемент полезно использовать для отметки изменений, вносимых в документ
от версии к версии. Тег может использоваться как элемент уровня
текста и как элемент уровня блока.
Тег имеет два необязательных параметра: CITE и DATETIME.
Значение параметра CITE должно представлять собой URL-адрес документа, поясняющего
подробности внесенных дополнений.
Параметр DATETIME указывает дату вставки в формате: YYYY-MM-DDThh:mm:ssTZD,
определяющем год, месяц, число, часы, минуты и секунды вставки, а также часовой
пояс (Time Zone).
Текст, помеченный тегом , обычно отображается
подчеркнутым текстом. Тег в настоящее время распознается только
браузером Microsoft Internet Explorer.
Тег
Тег (EMphasis - выделение, подчеркивание) используется
для выделения важных фрагментов текста. Браузеры обычно отображают такой текст
курсивом. Пример:
Пример выделения отдельных слов
текста
.
Тег
Тег отмечает текст как вводимый пользователем
с клавиатуры. Обычно отображается моноширинным шрифтом, например:
Чтобы запустить текстовый редактор, напечатайте: notepad
Применение данного тега предпочтительнее применения тега
физического форматирования .
Тег
Тег отмечает короткие цитаты в строке текста.
В отличие от тега уровня блока при отображении не выполняется
отделение размеченного текста пустыми строками. Обычно отображается курсивом.
Тег (в отличие от ) в настоящее время распознается
только браузером Microsoft Internet Explorer.
Тег имеет параметр CITE, в качестве значения которого можно
указать источник цитаты.
Тег
Тег отмечает текст как образец (SAMPle). Обычное
использование этого тега - отметка текста, выдаваемого программами (sample output).
Используется также для выделения нескольких символов моноширинным шрифтом.
Применение данного тега предпочтительнее применения тега
физического форматирования . Например:
В результате работы программы будет напечатано:
Hello, World!.
Тег
Тег , как правило, используется для выделения
важных фрагментов текста. Браузеры обычно отображают такой текст полужирным
шрифтом. Пример:
Санкт-Петербург расположен в самой восточной оконечности
Финского залива в устье реки Невы
Применение данного тега предпочтительнее применения тега
физического форматирования . Тегом обычно размечают
более важные фрагменты текста, чем те, что размечены тегом .
Тег
Тег отмечает имена переменных программ. Обычно
такой текст отображается курсивом. Пример:
Задайте значение переменной N
Отображение некоторых из примеров, приведенных при описании
тегов логического форматирования текста, показано на рис. 1.1. На рисунке видно,
как при наведении указателя мыши на текст, отмеченный тегом ,
выдается подсказка.
Рис. 1.1.
Примеры форматирования текста
Вы, наверное, обратили внимание на то, что некоторые элементы
дают одинаковый результат. Более того, часть элементов может никак не изменять
представление фрагмента текста на экране. Может возникнуть законный вопрос:
для чего создано такое разнообразие элементов форматирования?
Ответ - в названии этой группы элементов. Они предназначены
для расстановки логических ударений, выделения логических частей и подчеркивания
сути высказываний. Их использование весьма актуально, поскольку, вероятно, в
ближайшем будущем возможности браузеров возрастут, например, станет возможен
поиск цитат на Web-пространстве, а может быть следующее поколение браузеров
научится читать документы вслух. Кроме того, авторам документов ничто не мешает
уже сегодня, применяя таблицы стилей, задать желаемое отображение для любого
из тегов, переопределив значения по умолчанию.
Тег
<
code
>
Данный тег рекомендуется использовать
для выделения фрагментов программных кодов в HTML-документе. Как
правило, такой текст отображается моноширинным шрифтом. Следует отметить, что в
отличие от тега
Данный тег не является тегом уровня блока и
может включаться в строки обычного текста. Пример:
Задание целочисленной
переменной на языке C++:
int a = 0;
Теги
<
del
> и <
ins
>
С помощью тега-контейнера
рекомендуется отмечать текст как удаленный. Здесь предполагается, что по
каким-либо причинам разработчику документа необходимо оставить удаленный текст
на экране браузера, но пометить его как удаленный. Обычно такой текст браузеры
отображают как перечеркнутый. Данный тег имеет два необязательных параметра:
cite – URL-адрес
документа, поясняющего причину удаления текста;
datetime – дата
редактирования в формате YYYY-MM-DDThh:mm:ssTZD.
Это текст
помечен как удаленный
Аналогично используется тег-контейнер , который
отмечает текст как добавленный (вставленный). Обычно такой текст помечается
браузерами как подчеркнутый. Данный тег имеет те же необязательные параметры,
что и тег :
Это добавленный
текст
Тег
<
em
>
Данный тег используется для выделения
важных фрагментов текста. Браузеры обычно отображают такой текст курсивом:
Выделенный фрагмент текста
Тег
<
kbd
>
Тег-контейнер служит для
выделения текста, введенного с клавиатуры. Такой текст обычно отображается
моноширинным шрифтом:
Для загрузки
яндекс-поиска введите yandex.ru
Тег
<
samp
>
Тег-контейнер отмечает
текст как образец и обычно выводит моноширинным шрифтом и используется для
форматирования текста, содержащих результаты действия программ, например:
Моя первая
программа на C++ выводит текст Hello World!
Тег
<
strong
>
Тег-контейнер служит для
выделения важных фрагментов текста. Текст, выделенный данным тегом считается
более важным, чем текст выделенный тегом . При выводе
браузеры обычно выделяют такой текст жирным шрифтом:
Пример текста,
помеченный как важный
Тег
<
var
>
Данный тег предназначен для выделения
переменных программ и, как правило, отображается браузерами курсивом:
Переменная
a имеет значение 5
Рассматривая описанные выше теги, можно
заметить, что результат действия некоторых тегов совпадает и дает один и тот же
результат в окне браузера при отображении. Напрашивается вопрос: для чего
необходимо такое разнообразие тегов, если они по результатам работы дублируют
друг друга? Дело в том, что разработчики языка HTML дали
возможность составителям HTML-документов корректно выделить те или
иные информационные части в расчете на то, что будущее поколение браузеров и
поисковых систем будут анализировать их и предоставлять большие возможности
«конечным» пользователям для восприятия корректно отформатированного текста.
Поэтому уже сейчас рекомендуется применять эти и другие теги логического
форматирования текста для улучшения конкурентноспособности таких HTML-документов в
будущем.
Прежде всего, определим, что такое логическое форматирование документа.
Под логическим форматированием подразумевается использование специальных тегов HTML
для слов и групп слов в соответствии с их значением. Например,
цитаты оформляются с помощью тега CITE
,
выделение с помощью тега EM
и т.д.
Зачем это нужно? Почему нельзя обойтись только тегами физического форматирования?
Все очень просто, теги логического форматирования можно переопределить с
использованием CSS . При этом достигается высокая
гибкость в оформлении сайта и простота в его написании.
В следующей таблице рассмотрим теги
логического форматирования документа с параметрами оформления по умолчанию:
Тег
| Описание
|
---|
ABBR
|
Используется для описания аббревиатуры
(сокращенное название, которое читается по буквам). Закрывающийся тег обязателен.
Пример: HTML
|
ACRONYM
|
Используется для описания акронима
(сокращенное название, которое читается как слово). Закрывающийся тег обязателен.
Пример: ВУЗ
|
CITE
|
Используется для цитат (по умолчанию наклонный текст).
Необязательное свойство TITLE
задает текст всплывающей
подсказки. Закрывающийся тег обязателен. Пример: И это пройдет...
|
CODE
|
Используется для отображения фрагментов программного кода
(по умолчанию моноширинной шрифт).
Необязательное свойство TITLE
задает текст всплывающей подсказки.
Закрывающийся тег обязателен.
Пример: var a = new Array(); .
|
DFN
|
Используется для определений, например для термина,
встречающегося в тексте впервые
(по умолчанию наклонный шрифт для первой строки, и обычный для остальных).
Необязательное свойство TITLE
задает текст всплывающей подсказки.
Закрывающийся тег обязателен.
Пример: HTML is a hypertext markup language.
|
EM
|
Используется для выделения текста (по умолчанию наклонный шрифт,
происходит от английского emphasis - ударение). Необязательное свойство TITLE
задает текст всплывающей подсказки.
Закрывающийся тег обязателен. Пример: EM используется для выделения
текста.
|
KBD
|
Выделения текста, вводимого пользователем с клавиатуры
(по умолчанию моноширинной шрифт). Закрывающийся тег обязателен.
Пример: введено: have a nice day:) .
|
SAMP
|
Используется для выделения примеров
(по умолчанию моноширинной шрифт). Закрывающийся тег обязателен.
Пример: Пример.
|
STRONG
|
Используется для выделения текста (по умолчанию жирный шрифт).
Закрывающийся тег обязателен. Является альтернативой тега физического форматирования
B
.
Пример: Текст выделен жирным
.
|
VAR
|
Используется для выделения переменных в фрагменте кода программы
(по умолчанию курсив). Закрывающийся тег обязателен.
Пример: double precision delta .
|
Популярное в рубрике:
Как объединить слои в фотошопе в один или соединить их в группу...
читать
Перенос контактов на новый телефон android
читать
Самсунг Галакси перезагружается сам по себе — Решения Galaxy note...
читать
Основные возможности Kaspersky Rescue Disk
читать
Top