Теги логического форматирования. Теги логического форматирования текста. Пример текста, помеченный как важный

Вайбер на компьютер 11.04.2019

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

Указание интонации текста (это и делают теги логического форматирования) вместо явного задания его свойств позволяет управлять его отображением. Приведем пример: вы считаете, что важный текст должен выделяться не жирным шрифтом, а красным цветом. При использовании тегов логического форматирования и браузера, поддерживающего такую возможность, вы можете настроить отображение текста, форматированного логически. Текст, форматированный физически, всегда будет отображаться так, как это задумал автор. Разумеется, если вы хотите, чтобы текст был именно жирным, используйте физическое форматирование. В противном случае рекомендуется использовать теги логического форматирования.

Разделение тегов на логическое и физическое форматирование изначально предназначалось, чтобы сделать HTML универсальным, в том числе не зависящим от устройства вывода информации. Теоретически, если воспользоваться, например, речевым браузером, то текст, оформленный с помощью тегов и , будет отмечен по-разному. Однако получилось так, что в популярных браузерах результат использования этих тегов равнозначен.
Пока равнозначен.

Другие теги логического форматирования: - служит для описания определений; - служит для выделения цитат; - ; - используется для ввода с клавиатуры пользователя; - используется для отметки результатов, выдаваемых программами, для выделения нескольких символов моноширинным шрифтом: ; - используется для символьных переменных; - используется для аббревиатур (СНГ, КПСС, WWW); - используется для сокращений (стр. , англ.) с атрибутом TITLE; - цитированный текст в кавычках.

Теги и используются, когда нужно напомнить самому себе о том, что данный кусок текста должен быть (или уже ) вставлен или удален. Применяются при создании сайта группой дизайнеров. Могут иметь атрибуты datetime, cite, title . В datetime можно указать дату и время удаления/вставки. В cite ставится ссылка на URL, по которому содержится пояснение к данному отрывку. С помощью title пояснения вставляются прямо в тег.

Не путайте тег с тегом 

Являющимся элементом уровня блока, который следует использовать для отметки больших фрагментов кода!



Тег 

Тег  отмечает свой текст как аббревиатуру (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-пространстве, а может быть следующее поколение браузеров
 научится читать документы вслух. Кроме того, авторам документов ничто не мешает
 уже сегодня, применяя таблицы стилей, задать желаемое отображение для любого
 из тегов, переопределив значения по умолчанию.









Логическое форматирование и четкое
структурирование являются признаками хорошо
составленного документа. Они обеспечивают
большую гибкость в его использовании. Существует
целая группа форматирующих элементов, согласно
своему назначению названных логическими.


Ниже перечислены элементы логического
форматирования.



    
 - используется
 для выделения цитат или названий книг и статей,
 при этом текст обычно выводится курсивом.

    
 
    
 -
 Применяется для вывода небольшого куска
 программного кода шрифтом фиксированной ширины.

    
 
    
 -
 используется для выделения важных фрагментов
 текста. Браузеры обычно отображают такой текст
 курсивом.

    
 
    
 -
 элемент, выделяющий шрифтом фиксированной
 ширины текст, вводимый пользователем с
 клавиатуры.

    
 
    
 -
 используется для выделения нескольких символов
 шрифтом фиксированной ширины.

    
 
    

 - обычно используется для выделения важных
 фрагментов текста. Браузеры отображают такой
 текст полужирным шрифтом.

    
 
    
 -
 используется для отметки имен переменных, обычно
 такой текст отображается курсивом.

    



Все перечисленные тэги являются
контейнерами, то есть требуют закрывающего тэга.


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

?

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




Иногда возникает необходимость
включения в документ какой-либо цитаты. Для ее
выделения из основного текста существует тэг



. Этот элемент является контейнером
и может содержать любые форматирующие тэги.

Современные браузеры реагируют на
элемент

 

 смещением текста цитаты вправо.

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



    
 - выделяет
 текст полужирным шрифтом.

    
 
    
 -
 выделяет текст курсивом.

    
 
    
 -
 выводит текст шрифтом фиксированной ширины.

    
 
    
 -
 элемент подчеркивания.

    
 
    

 - элемент зачеркивания.

    
 
    
 -
 выводит текст шрифтом большего размера.

    
 
    

 - выводит текст шрифтом меньшего размера.

    
 
    
 -
 сдвигает текст ниже уровня строки и выводит (если
 возможно) шрифтом меньшего размера.

    
 
    
 -
 сдвигает текст выше уровня строки и выводит (если
 возможно) шрифтом меньшего размера.

    



Все элементы физического
форматирования являются контейнерами. Элементы
физического форматирования могут быть
вложенными друг в друга. При этом нужно
внимательно следить, чтобы один контейнер
находился целиком в другом контейнере.


Одной из важных особенностей,
воплощенных в

HTML, начиная с
версии 3.2, является полный контроль облика
создаваемого документа. Такая возможность
отсутствовала в предыдущих версиях языка. Можно
сказать, что единственной существенной
проблемой осталось отсутствие на машине
пользователя каких-либо шрифтов, которые
используются в документе.
FONT
 впервые появился
в
HTML версии 3.2 и представляет
собой контейнер. После стартового тэга
обязательно указание атрибутов, без которых
элемент не имеет никакого влияния на текст,
помещенный в контейнер. Элемент
 FONT

может находиться внутри любого
другого текстового контейнера.

 служит для указания размеров, типа и
цвета шрифта, стандартных для данного документа.
Эти величины обязательны для всего документа,
если только не переназначаются при помощи
элемента
 FONT
.
После закрытия элемента
 FONT
 значения тэга

 восстанавливаются. Значения
атрибутов
BASEFONT
 могут быть изменены другим тэгом

 в любом
месте документа. Тэг

 не является контейнером и
использует те же атрибуты, что и элемент
 .


Кроме рассмотренных способов форматирования, также имеется так называемое логическое форматирование текста.

 
Логическое форматирование текста показывает намерение автора, а не сам вид текста. Другими словами, если автор хочет показать, что текст является цитатой, то он его выделяет одним стилем, а последующий текст другим стилем.

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

 
..-контейнер для цитат. При этом текст выделяется курсивом.

 
..- контейнер для программного кода

 
..- контейнер для определений терминов

 
..-текст, на который должен обратить внимание посетитель сайта, так называемый контейнер акцентирования.

 
..-указывает на то, что текст, заключённый между этими тегами должен быть введён с клавиатуры.

 
..- контейнер для примеров чего-либо

 
.. контейнер для текста, который необходимо выделить.

 
.. контейнер для имён переменных

 
Тег предварительного форматирования 
.


 
Данный тег отображает текст заключённый внутри него, так как он выглядит в исходном коде, т.е. в блокноте.

 
этот текст будет отображен в окне броузера так, как он написан здесь

 
обычно этот текст применяют в случаях, когда нужно показать текст программного кода, например написанного на языке Delphi.

 
Самостоятельная работа


 
Задание
:

 
1. Перепишите способы форматирования в отчет.

 
2. Оформите сайт, используя атрибуты тега , проверьте, как работают атрибут тега 
И тег <
CENTER>
 и запишите в отчет результаты.

 
3. Добавьте в сайт несколько заголовков разной величины и запишите в отчет их действие.

 
4. В окне сайта отобразите несколько раз формулу X 0 =y 2 +3.

 
5. Отредактируйте свою страницу используя тег  и вставку специальных символов.

 
6. Проверьте работу тегов логического форматирования.

 
7. Приложите к отчету листинг готового html-документа.

 
Лабораторная работа № 3

 
Использование объектов


 
Цель:
 освоить теги html, синтаксис языка

 
Результат обучения:
Студент должен научиться использовать гиперссылки, вставлять разделители, бегущую строку, создавать списки.

 
Ход работы


 
Атрибуты тега 


 
О теге , обозначающем тело (основную часть) документа Html, мы уже говорили в предыдущих лабораторных работах. Необходимо добавить лишь то, что в общем виде синтаксис записи тега со семи допустимыми атрибутами выглядит так:
 
 тело документа 

 
Атрибут background позволяет поместить дизайнеру некий фоновый рисунок, записав в качестве URL его адрес. Допускается просто указывать имя графического файла, если он хранится в той же директории, что и использующий его Html файл. Данное изображение может иметь любой размер, поскольку при интерпретации кода оно многократно повторяется, заполняя все доступное пространство в окне броузера.

 
Атрибут text позволяет задать цвет текста для всего документа в целом. Однако, Вы можете изменить цвет участка текста путем использования команды  с атрибутом .

 
Атрибут bgcolor используется для назначения фонового цвета всему документу. Атрибуты background и bgcolor не исключают друг друга, однако у первого имеется приоритет. Это означает, что в случае, когда заданы оба эти атрибуты, сначала выполняется заливка web-страницы цветом, поверх которого помещается изображение.

 
Атрибут link дает мастеру возможность назначить цвет не посещенной гиперссылки, т.е. ссылки, к которой еще не обращались. По умолчанию ей присваивается значение "blue"

 
 
Атрибут alink определяет цвет активной гиперссылки, который она принимает с момента нажатия на нее курсором до момента загрузки вызываемого ею ресурса. По умолчанию данный атрибут также имеет значение "purple".

 
Списки


 
Маркированные и нумерованные списки были разработаны для отображения упорядоченной информации в виде позиционированных по смыслу вхождений. Например, маркированный список:
 
· Вхождение 1

 
· Вхождение 2

 
· Вхождение 3

 
На языке HTML подобный список можно представить при помощи команды

Рекомендуем почитать