Онлайн учебники на TEPKA.ru

Учебник по HTML 4

       

Теги логического форматирования HTML текста

Тег <ABBR>

Тег <ABBR> отмечает свой текст как аббревиатуру (ABBReviation). Несмотря на то, что этот тег включен в спецификацию HTML 4.0, он до настоящего времени не поддерживается ни одним браузером.

Тег <ACRONYM>

Тег <ACRONYM>. Так же, как и тег <ABBR>, используется для отметки аббревиатур. Этим тегом рекомендуется отмечать так называемые акронимы, т. е. произносимые слова, состоящие из аббревиатур. Тег <ACRONYM> возможно в будущем станет использоваться для невизуального отображения элементов, например при речевом синтезе.

Данный тег удобно использовать в сочетании с параметром TITLE, в качестве значения которого можно указать полную форму записи аббревиатуры. Тогда визуальные браузеры при наведении курсора на текст, размеченный тегом <ACRONYM>, будут выдавать полное наименование в виде появляющейся подсказки.

Заметим, что тег <ACRONYM> распознается только браузером Microsoft Internet Explorer. Пример:

<ACRONYM TITLE="Санкт-Петербургский государственный институт точной механики и оптики"> СПбГИТМО</ACRONYM> — один из ведущих технических вузов Санкт-Петербурга

Тег <CITE>

Тег <CITE> используется для отметки цитат или названий книг и статей, ссылок на другие источники и т. д. Браузерами такой текст обычно выводится курсивом. Пример:

<CITE>Невское время</CITE> является одной из наиболее популярных городских газет Санкт-Петербурга

Тег <CODE>

Тег <CODE> отмечает свой текст как небольшой фрагмент программного кода. Как правило, отображается моноширинным шрифтом. Этот тег не следует путать с тегом <PRE>, являющимся элементом уровня блока, который следует использовать для отметки больших фрагментов (листингов) кода.

Например:

Пример простейшего оператора языка программирования C:<BR>

<CODE>puts("Hello, World!");</CODE>

Есть еще одно различие в использовании тегов <CODE> и <PRE>. В коде программ часто бывает важно наличие нескольких идущих подряд пробелов. Их отображение будет сохранено только при использовании тега <PRE>.

Тэг <DEL>

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

Тег имеет два необязательных параметра: CITE и DATETIME. Значение параметра CITE должно представлять собой URL-адрес документа, поясняющего причины удаления данного фрагмента.

Параметр DATETIME указывает дату удаления в формате: YYYY-MM-DDThh:mm:ssTZD, определяющем год, месяц, число, часы, минуты и секунды удаления, а также часовой пояс (Time Zone). Например:

Последней принятой спецификацией языка разметки HTML является версия <DEL DATETIME=1999-10-29T16:12:53+0.00>3.2</DEL> 4.0

Текст, помеченный тегом <DEL> обычно отображается перечеркнутым текстом. В спецификации HTML 4.0 этому тегу отдается предпочтение перед тегом физического форматирования <STRIKE> или <S>, обозначающих перечеркнутый текст. Однако тег <DEL> в настоящее время распознается только браузером Microsoft Internet Explorer.

Тег <DFN>

Тег <DFN> отмечает свой текстовый фрагмент как определение (DeFinitioN). Например, этим тегом можно отметить какой-либо термин, когда он встречается в тексте в первый раз. Пример:

<DFN>Internet Explorer</DFN> — это популярный Web-браузер

Тег <DFN> поддерживается только браузером Microsoft Internet Explorer. Отображается по умолчанию курсивом.

Тег <INS>

Тег <INS> отмечает свой текст как вставку (INSertion). Этот элемент полезно использовать для отметки изменений, вносимых в документ от версии к версии. Тег <INS> может использоваться как элемент уровня текста и как элемент уровня блока.

Тег имеет два необязательных параметра: CITE и DATETIME. Значение параметра CITE должно представлять собой URL-адрес документа, поясняющего подробности внесенных дополнений.

Параметр DATETIME указывает дату вставки в формате: YYYY-MM-DDThh:mm:ssTZD, определяющем год, месяц, число, часы, минуты и секунды вставки, а также часовой пояс (Time Zone).

Текст, помеченный тегом <INS>, обычно отображается подчеркнутым текстом. Тег <INS> в настоящее время распознается только браузером Microsoft Internet Explorer.

Тег <EM>

Тег <EM> (EMphasis — выделение, подчеркивание) используется для выделения важных фрагментов текста. Браузеры обычно отображают такой текст курсивом. Пример:

Пример выделения <EM>отдельных слов</EM> текста

Применение данного тега предпочтительнее применения тега физического форматирования <I>.

Тег <KBD>

Тег <KBD> отмечает текст как вводимый пользователем с клавиатуры. Обычно отображается моноширинным шрифтом, например:

Чтобы запустить текстовый редактор, напечатайте: <KBD>notepad</KBD>

Применение данного тега предпочтительнее применения тега физического форматирования <TT>.

Тег <Q>

Тег <Q> отмечает короткие цитаты в строке текста. В отличие от тега уровня блока <BLOCKQUOTE> при отображении не выполняется отделение размеченного текста пустыми строками. Обычно отображается курсивом. Тег <Q> (в отличие от <BLOCKQUOTE>) в настоящее время распознается только браузером Microsoft Internet Explorer.

Тег имеет параметр CITE, в качестве значения которого можно указать источник цитаты.

Тег <SAMP>

Тег <SAMP> отмечает текст как образец (SAMPle). Обычное использование этого тега — отметка текста, выдаваемого программами (sample output). Используется также для выделения нескольких символов моноширинным шрифтом.

Применение данного тега предпочтительнее применения тега физического форматирования <TT>. Например:

В результате работы программы будет напечатано: <SAMP>Hello, World!</SAMP>.

Тег <STRONG>

Тег <STRONG>, как правило, используется для выделения важных фрагментов текста. Браузеры обычно отображают такой текст полужирным шрифтом. Пример:

Санкт-Петербург расположен в самой восточной оконечности <STRONG>Финского залива</STRONG> в устье реки <STRONG>Невы</STRONG>

Применение данного тега предпочтительнее применения тега физического форматирования <B>. Тегом <STRONG> обычно размечают более важные фрагменты текста, чем те, что размечены тегом <EM>.

Тег <VAR>

Тег <VAR> отмечает имена переменных программ. Обычно такой текст отображается курсивом. Пример:

Задайте значение переменной <VAR>N</VAR>

Отображение некоторых из примеров, приведенных при описании тегов логического форматирования текста, показано на рис. 1.1. На рисунке видно, как при наведении указателя мыши на текст, отмеченный тегом <ACRONYM>, выдается подсказка.

HTML текст

Рис. 1.1. Примеры форматирования текста

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

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

Рейтинг@Mail.ru