Вредоносное ПО (malware) - это назойливые или опасные программы,...
Логическое и физическое форматирование
Для форматирования текста HTML-документов предусмотрена целая группа тэгов, которую можно условно разделить на тэги логического и физического форматирования.
Тэги логического форматирования обозначают (своими именами) структурные типы своих текстовых фрагментов, такие, например, как программный код
(тэг
), цитата
(тэг <СIТЕ>
), аббревиатура
(тэг < ABBR
>
) И Т. П.
С помощью тэгов <ЕМ> и можно, например, отметить отдельные фрагменты как выделенные ,или сильно выделенные .Заметим, что речь идет о структурной разметке ,которая не влияет на конкретное экранное представление фрагмента браузером. Поэтому такая разметка и называется логической .
Фрагменты с логическим форматированием браузеры отображают на экране определенным образом, заданным по умолчанию. Вид отображения никак не связан со структурным типом фрагмента (т. е. именем тэга логического форматирования), но может быть легко переопределен.
Тэги физического форматирования определяют формат отображения указанного в них фрагмента текста в окне браузера.
Например, для отображения фрагмента курсивом можно использовать тэг курсива .
Между разработчиками HTML-документов долгое время шли споры о преимуществах и недостатках того или иного подхода. С выходом спецификации HTML 4.0 эти споры завершились в пользу применения логического форматирования, поскольку был провозглашен принцип отделения структуры документа от его представления. Действительно, только на базе логического форматирования можно гибко управлять представлением документа, используя современные методы (основанные на таблицах стилей, динамически изменяющихся документах и т. д.).
Тем не менее, на настоящий момент может свободно использоваться и физическое форматирование. В спецификации HTML 4.0 некоторые тэги физического форматирования не рекомендуются для применения, однако, пока они все еще поддерживаются всеми браузерами. Заметим, что некоторые тэги логического форматирования, призванные заменить отдельные тэги физического форматирования, распознаются не всеми браузерами, что делает их применение крайне неудобным.
Тэги логического форматирования текста
Тэг
Тэг < ABBR > отмечает свой текст как аббревиатуру ( ABBReviation ).
Язык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1991-1992 годах в стенах Европейского совета по ядерным исследованиям в Женеве (Швейцария). HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки.
Тэг
Тэг < ACRONYM > . Так же, как и тэг < ABBR > , используется для отметки аббревиатур. Этим тэгом рекомендуется отмечать так называемые акронимы ,т. е. произносимые слова, состоящие из аббревиатур. Тэг < ACRONYM > возможно в будущем станет использоваться для невизуального отображения элементов, например при речевом синтезе.
Данный тэг удобно использовать в сочетании с параметром TITLE , в качестве значения которого можно указать полную версию аббревиатуры. Тогда визуальные браузеры при наведении курсора на текст, размеченный тэгом < ACRONYM > , будут выдавать полное наименование в виде появляющейся подсказки.
ТПУ .
Тег H1...H6
HTML предлагает шесть заголовков разного уровня, которые показывают относительную важность секции, расположенной после заголовка. Так, тег
представляет собой наиболее важный заголовок первого уровня, а тег
служит для обозначения заголовка шестого уровня и является наименее значительным. По умолчанию, заголовок первого уровня отображается самым крупным шрифтом жирного начертания, заголовки последующего уровня по размеру меньше. Теги
...
относятся к блочным элементам
, они всегда начинаются с новой строки, а после них другие элементы отображаются на следующей строке. Кроме того, перед заголовком и после него добавляется пустое пространство. Видом заголовком легко можно управлять с помощью стилей.
...
относятся к блочным элементам
, они всегда начинаются с новой строки, а после них другие элементы отображаются на следующей строке. Кроме того, перед заголовком и после него добавляется пустое пространство. Видом заголовком легко можно управлять с помощью стилей.
Заголовок первого уровня
Заголовок второго уровня
Заголовок третьего уровня
В браузере это будет выглядеть так:
Тэг <СIТЕ>
Тэг используется для отметки цитат или названий книг и статей, ссылок на другие источники и т. д. Браузерами такой текст обычно выводится курсивом.
Нельзя сказать человеку: "Ты можешь творить. Так давай, твори". Гораздо вернее подождать, пока он сам не скажет: "Я могу творить, и я буду творить, хотите вы этого или нет".
Айзек Азимов
Тэг
Тэг
отмечает свой текст как небольшой фрагмент программного кода
.Как правило, отображается моноширинным шрифтом. Этот тэг не следует путать с тэгом
Являющимся элементом уровня блока, который следует использовать для отметки больших фрагментов (листингов) кода
.
Код программы
function checkParent (src, dest) {
while (src != null) {
if (src.tagName == dest) return src
src = src.parentElement
}
return null
}
Тэг
Тэг
отмечает свой текст как удаленный
.Этот элемент полезно использовать для отметки изменений, вносимых в документ от версии к версии. Тэг
может использоваться как элемент уровня текста и как элемент уровня блока.
Тэг имеет два необязательных параметра: CITE и DATETIME . Значение параметра CITE должно представлять собой URL-адрес документа, поясняющего причины удаления данного фрагмента.
Параметр DATETIME указывает дату удаления в формате: YYYY-MM-DDThh:mm:ssTZD , определяющем год, месяц, число, часы, минуты и секунды удаления, а также часовой пояс ( Time Zone ).
Тэги физического форматирования текста
Тег
Заключенные между этими тег имеет свойства жирного текста. Имеет атрибут title - позывает текст в виде всплывающей подсказки.
Тег
Данный тег увеличивает размер отображения текста.Имеет атрибут title - позывает текст в виде всплывающей подсказки.
Пример физического форматирования
Тег
Служит для выбора шрифта для текста. Атрибуты:
- size - размер текста от 1 до 7
- color - цвет текста
Пример физического форматирования
Тег
Данный тег вставляет в страницу горизонтальную линию. Атрибуты:
- size - высота и толщина линии
- width - ширина линии
- noshade - создание линии без тени
- color - меняет цвет линии
Кроме рассмотренных способов форматирования, также имеется так называемое логическое форматирование текста.
Логическое форматирование текста показывает намерение автора, а не сам вид текста. Другими словами, если автор хочет показать, что текст является цитатой, то он его выделяет одним стилем, а последующий текст другим стилем.
Теги логического форматирования:
..-контейнер для цитат. При этом текст выделяется курсивом.
..
- контейнер для программного кода
..-текст, на который должен обратить внимание посетитель сайта, так называемый контейнер акцентирования.
..-указывает на то, что текст, заключённый между этими тегами должен быть введён с клавиатуры.
..- контейнер для примеров чего-либо
.. контейнер для текста, который необходимо выделить.
.. контейнер для имён переменных
Тег предварительного форматирования .
Данный тег отображает текст заключённый внутри него, так как он выглядит в исходном коде, т.е. в блокноте.
этот текст будет отображен в окне броузера так, как он написан здесь
обычно этот текст применяют в случаях, когда нужно показать текст программного кода, например написанного на языке 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 подобный список можно представить при помощи команды
- :
- Вхождение 1
- Вхождение 2
- Вхождение 3
- Вхождение 1
- Вхождение 2
- Вхождение 3
- Вхождение 1
- Вхождение 1-а
- Вхождение 1-б
- Вхождение 2
- Вхождение 1-а
- Вхождение 1-б
- может включать те же атрибуты, что и теги самих списков
- и
- Вхождение
- Заголовок группы вхождений 1
- Вхождение 1-а
- Вхождение 1-б
- Заголовок группы вхождений 2
- Вхождение 2-а
- Вхождение 2-б
Закрывающие теги
- Вхождение 2-б
- и
- списка определений можно опустить.
Разделители
Для того, чтобы визуально отделить часть объектов html-документов от других, например горизонтальной чертой, применяется тег
. Общий синтаксис тега выглядит следующим образом:
Атрибут ALIGN определяет положение горизонтальной черты: center, left и right.
Атрибут WIDTH определяет длину линии, причем его значение можно задавать либо в пикселях простым целым числом, либо в процентах от ширины экрана при помощи чисел от 1-100 с добавлением символа %.
Атрибут SIZE задает толщину линии в пикселях, значение которого - целое число.
Атрибут COLOR определяет цвет заливки линии.
Например:
Очевидно, что команда HR не имеет закрывающего тега. По умолчанию, без указаний атрибутов, броузер отобразит серо-белую вогнутую линию, толщиной в 3 пикселя, длиной во весь экран.
Бегущая строка
Для задания бегущей строки используется тег:
с атрибутами:
width=”…” – задаёт ширину бегущей строки в пикселях или в процентах от ширины экрана.
height=”…” - задаёт высоту бегущей строки в пикселях или в процентах от ширины экрана.
bgcolor=”…”- задаёт цвет фона бегущей строки.
behavior=”…”-задаёт тип движения бегущей строки и может иметь следующие значения: scroll-циклическая прокрутка из одного конца в другой, slide-текст появляется с одного края и останавливается у другого, alternate-текст перемещается от одного края к другому
(маятник).
direction=”…”-задаёт направление движения бегущей строки и может иметь следующие значения: left, right, Up,down.
scrollamout=”…”задаёт число пикселей, который отделяют один текст от последующего.
scrolldelay=”…” – указывает задержку в миллисекундах перед появлением следующего текстового блока.
loop=”…”-задаёт число повторений (любое положительное число. По умолчанию или при указании –1 или infinite, броузер будет прокручивать текст бесконечное количество раз.
Гиперссылкой может быть текст, изображение, часть изображения. Текст, который является гиперссылкой, выделяется цветом и подчёркивается. Текстовые гиперссылки можно разделить на четыре условных категории: ссылки на документы, ссылки на разделы, ссылки на адрес электронной почты и на файловые объекты. Начнем по порядку.
title=”альтернативный текст”> текст_гиперссылки
Атрибут href указывает на адрес страницы, с которой Вы планируете установить гиперсвязь. Этот адрес может быть представлен как в виде полного URL (например, http://www.server.ru/page.html), если целевой документ физически расположен на другом сервере, так и в виде сокращенного URL с указанием пути к искомой страницы в пределах локального сервера (например, “/folder/page.html”). Если искомый документ расположен в одной директории с текущим, в качестве параметра атрибута href достаточно записать его название.
Атрибут target содержит директивы, описывающие правила открытия целевого документа в броузере, эти директивы выделяются в коде символом подчеркивания. Например, часто встречающееся значение атрибута target= «_blank» отображает открываемый по ссылке документ в новом окне броузера.
Атрибут title предназначен для создания всплывающей подсказки, появляющейся в небольшом прямоугольнике, если пользователь задержит указатель мыши над гиперссылкой на несколько секунд.
Иногда возникает необходимость разместить на web-странице гиперссылку не на другой документ, а на расположенный в пределах этой же страницы раздел или участок текста. При активизации подобной гиперссылки броузер «отматывает» таким образом, что искомый раздел или фраза оказываются в верхней его части.
Процесс создания ссылки на раздел условно делится на два этапа. Первый – подготовка «закладки» - специальной метки с уникальным в пределах данного документа именем. Для этого, в том участке текста, где необходимо разместить метку, применяется следующая команда:
ключевое слово или заголовок раздела
Помните, что для задания имени закладки лучше использовать латинские символы.
Если Вы хотите разместить ссылку на раздел другого документа, описанный выше алгоритм сохраняется, за исключением того, что в вызывающем теге перед именем закладки указывается URL документа. В этом случае рекомендуется использовать атрибут TARGET с параметром _BLANK. Подобная команда в обобщенном виде будет выглядеть следующим образом:
Таблицы достаточно широко применяются в электронной документации, причем для Web-страниц они используются не только в традиционном смысле, как метод упорядоченного представления данных, но и для форматирования самих этих страниц. Описание таблицы на языке HTML размещается внутри тела документа, т. е. в контейнере
и . Внутри документа допускается любое число таблиц, причем некоторые из них могут быть вложенными. Каждая таблица создается в пределах контейнера <ТАВLЕ> и ТАВLЕ>, где размещается описание структуры самой таблицы и ее содержимое.Каждая строка таблицы размещается после тега
(Table Row). Каждая ячейка таблицы в пределах строки оформляется тегом <ТН> (Table Header) - для заголовочной части таблицы или (Table Data) - для ячеек, в которых размещаются данные. В заголовочной части по умолчанию применяется полужирный шрифт и выравнивание по центру. Для отображения данных по умолчанию используется нормальное (светлое) начертание и выравнивание влево. Можно отметить, что для всех тегов, перечисленных в этом абзаце, закрывающий тег не обязателен, т. е. он может быть опущен. Количество строк в таблице определяется количеством строчных тегов
, а число столбцов - максимальным количество тегов <ТН> или в одной из строк. Строкой считается все то, что следует после очередного тега и до следующего такого тега. Для ячейки таблицы, не содержащей данных, надо использовать пустой контейнер и . Если пустые ячейки расположены в конце строки, то их описание может быть опущено - браузер самостоятельно оставит необходимое число ячеек пустыми.Таблица может иметь название - то, что в редакционной практике называется тематическим заголовком (в отличие от нумерационного), причем если в печатном издании заголовок обязательно расположен над таблицей, то в электронном он может быть расположен как сверху, так и снизу. Заголовок расположен внутри контейнера
и . Указанный контейнер должен быть помещен внутрь тега-контейнера <ТАВLЕ>, но вне области описания тегов, или В теге
первоначально был предусмотрен один необязательный параметр ALIGN, который предназначался для вертикального выравнивания и мог принимать одно из двух значений ТОР (по умолчанию) или BOTTOM. Затем выяснилась необходимость и горизонтального выравнивания стремя стандартными параметрами LEFT, RIGHT и CENTER. Однако нельзя в одном теге дважды использовать один и тот же параметр. Поэтому в современных версиях языка HTML параметр ALIGN (по умолчанию ALIGN=LEFT) оставлен для выравнивания по горизонтали, а вертикальное выравнивание (точнее - размещение заголовка над или под таблицей) осуществляется с помощью параметра VALIGN. В теге
могут использоваться следующие параметры: BORDER, CELLSPACING, CELLPADDING, WIDTH, ALIGN, HEIGHT и BACKGROUND. Параметр BORDER управляет отображением рамки вокруг каждой ячейки таблицы (т. е. задает вертикальные и горизонтальные линии сетки) и вокруг всей таблицы, причем его значение задаеттолщину рамки в пикселах вокруг всей таблицы, а само наличие этого параметра задает линии сетки. Значение параметра BORDER появилось лишь в версии 3.2 спецификации HTML, до это го тол щи на рамки вокруг таблицы не регулировалась.
Параметр CELLSPACING задает расстояние между смежными по горизонтали и вертикали ячейками, причем это расстояние задается в пикселах, т. е. внутри каждой ячейки создается нечто вроде рамки и лишь при CELLSPACING=0 эти рамки отдельных ячеек сливаются в единую сетку. Параметр CELLPADDING определяет расстояние между рамкой вокруг ячейки и данными внутри ее, т. е. величину отступа символов от рамки. При значении CELLPADDING=0 текст может касаться рамки, что в плане дизайна едва ли можно приветствовать. По умолчанию значение CELLSPACING=2, a CELLPADDING=1, в этом случае расстояние между данными в соседних ячейках будет равно б пикселам.
Параметры WIDTH и HEIGHT позволяют задать ширину и высоту таблицы как в абсолютных единицах - пикселах, так и в относительных - процентах относительно размера окна браузера. В большинстве случаев эти размеры не требуются браузеру, так как он автоматически вычисляет размеры таблицы, учитывая множество факторов, включая параметры документа в целом, количество ячеек в таблице и их заполнение. Браузер стремится установить такую ширину таблицы, чтобы она помещалась в окне просмотра браузера и не было необходимости в прокрутке таблицы по горизонтали, т. е. чтобы горизонтальный слайдер отсутствовал.
Надо отметить, что и при задании значений параметров WIDTH и HEIGHT нет гарантии в том, что они будут выдержаны браузером. Если ширина таблицы больше ширины окна просмотра, браузер сделает попытку уменьшить ширину до требуемой, пропорционально уменьшая размеры колонок, и только если это не удастся, установит заданную ширину таблицы, снабдив окно слайдером.
Параметр ALIGN задает горизонтальное выравнивание таблицы в окне просмотра браузера. Возможны два значения этого параметра: LEFT и RIGHT, каждый из которых обеспечивает обтекание таблицы текстом документа с противоположной стороны. Это соответствует оборочной таблице в печатном издании. По умолчанию параметр ALIGN принимает значение LEFT. Если параметр ALIGN опущен, то текста рядом с таблицей не будет вообще, т. е. таблица будет форматной или полосной (когда она занимает всю страницу по вертикали), если использовать термины, принятые в печатных изданиях. Значение параметра ALIGN=CENTER не предусмотрено. Однако если мы хотим ориентировать таблицу по центру, можно пойти другим путем: заключить контейнер
n
, который описывает всю таблицу целиком, в контейнери . Напомним, что последний имеет уровень блока, т. е. форматирует любое количество данных, размещенных внутри его (см. § 2.2).Отметим, что параметр ALIGN может использоваться и для форматирования данных внутри каждой ячейки таблицы, например:
Фамилия ТН> Оценка Иванов A.H. Сергеев И.Д. 5 Лавров В.В. 3 Пример отображения браузером документа, включающего в себя приведенный выше фрагмент, показан на рис. 2.8. На рисунке хорошо видна рамка вокругтаблицы и то, что таблица выровнена влево, а справа обтекается текстом. В качестве текста использован фрагмент второго абзаца, начинающегося на данной странице. Следует обратить внимание на то, что хотя вся таблица выровнена влево, данные в каждой строке выравниваются вправо. Формально можно было бы в каждой ячейке выравнивать текст по-своему. Однако визуально это выглядело бы очень неприглядно.
Для качественного дизайна полосы данные во всех ячейках столбца таблицы должны выравниваться одинаково, т. е. в примере на рис. 2.8возможно было бы оставить первый столбец неизменным, а данные во втором выровнять влево (или даже по центру).
Параметр BACKGROUND, который уже был показан в примере, приведенном выше, также может использоваться как в теге <ТАВLЕ>, так и в тегах <ТН> и
, определяющих характеристики отдельных ячеек таблицы. Во всех случаях он определяет фоновый рисунок с помощью параметра HREF. В последней версии спецификации HTML в теге <ТАВLЕ> появился параметр COLS, задающий общее число колонок в таблице. Эта дополнительная информация ускоряет процесс построения таблицы браузером. При создании заголовочной части таблицы, реже боковика и прографки (основной части таблицы, где размещаются данные), возникает потребность в объединении нескольких ячеек по горизонтали (в строке) или по вертикали в единое целое. Для этого используются параметры ROWSPAN и COLSPAN, первый из которых объединяет несколько строк, а второй - столбцов в одну ячейку. Пример описания такой таблицы приводится ниже.
Объединение ячеек в заголовочной частиН4>
3aголовок Заголовок 2 ТН> Заголовок 2-1ТН><ТН>Заголовок 2-2 ТН> 1 2 3 Показанный ниже рис. 2.9построен на основании HTML-документа, в теле которого содержится приведенный выше контейнер
и
со всем его содержимым. По сравнению с таблицей, показанной на рис. 2.8, здесь с помощью тегадобавлен тематический заголовок, выровненный по центру таблицы. В таблице хорошо видны рамки ячеек и рамка вокруг таблицы в целом. В ячейке «Заголовок 1» объединены две строки, а в ячейке «Заголовок 2» - два столбца, что соответствует исходному HTML-коду. В третьей строке, как это часто делают для длинных узких таблиц, указаны номера колонок, что позволяет при переносе на следующую полосу не повторять заголовка целиком. Отметим, что используя параметры ROWSPAN и COLSPAN можно составить многоуровневые заголовки таблиц любой степени сложности Хотя язык HTML включает теги для достижения различных шрифтовых эффектов (полужирный шрифт, курсив, подчеркнутый шрифт), не все браузеры их поддерживают. Однако все браузеры поддерживают тот или иной способ выделения текста. Поэтому использование логического форматирования текста в любом случае приведет к выделению программой просмотра различных частей текста и выявит структуру документа.
Говоря о логической разметке текста, можно выделить две основные части:
Выделение заголовков в документе; логическое выделение элементов текста.
Название документа, задаваемое с помощью тега
, не выводится на экран как часть документа. Чтобы отобразить название используется один из тегов заголовка. Заголовки в типичном документе разделяются по уровням. Язык HTML позволяет задать шесть уровней заголовков: H1 (заголовок первого уровня), Н2, Н3, H4, Н5 и H6. Заголовок первого уровня имеет обычно больший размер и насыщенность по сравнению с заголовком второго уровня. Если вы посмотрите на эту главу, то "Логическое форматирование" -- заголовок третьего уровня, "Форматирование гипертекста" -- второго, а "Основы языка HTML" -- первого. На практике заголовки четвертого и далее уровней встречаются лишь в очень больших документах.
Пример
Заголовки Заголовок 1 уровня
Заголовок 2 уровня
Заголовок 3 уровня
Заголовок 4 уровня
Заголовок 5 уровня
Заголовок 6 уровня
Помните, что если вы забудете поставить закрывающий тег заголовка, вид страницы будет искажен: любой из тегов заголовка автоматически вставляет пустую строку до и после себя.
Теги заголовков поддерживают атрибут ALIGN, действие которого аналогично действию такого же атрибута тега выделения абзаца.
Элементы логического выделения фрагментов текста, а также возможное оформление каждого из них приведены в таблице.
Теги Применение Результат Используется для выделения цитат или названий книг и статей Используется для выделения цитат или названий книг и статей Применяется для вывода небольшого куска программного кода
Применяется для вывода небольшого куска программного кода Используется для выделения важных фрагментов текста Используется для выделения важных фрагментов текста Выделяет текст, вводимый пользователем с клавиатуры Выделяет текст, вводимый пользователем с клавиатуры Используется для выделения текста примера Используется для выделения текста примера Используется для выделения очень важных фрагментов текста Используется для выделения очень важных фрагментов текста Используется для отметки имен переменных Используется для отметки имен переменных Используется для отметки удаленного текстаИспользуется для отметки удаленного текста Вы, наверное, обратили внимание на то, что некоторые элементы логической разметки текста дают одинаковый результат. Зачем же тогда нужно такое их разнообразие? Ответ на этот вопрос содержится в названии этой группы тегов. Они предназначены для расстановки логических ударений, выделения логических частей и подчеркивания сути высказываний. Их использование весьма актуально, поскольку, вероятно, в ближайшем будущем станет возможен, например, поиск цитат в Web-пространстве, а, может быть, следующее поколение браузеров научится читать документы вслух. Программы, умеющие распознавать логические ударения, заменят монотонные речевые процессоры сегодняшнего дня.
Для выделения длинных цитат из основного текста в HTML существует тег
. Этот элемент является контейнером и может содержать любые форматирующие теги.
Современные браузеры реагируют на элемент
смещением текста цитаты вправо. Некоторые текстовые программы просмотра обозначают цитату символами >, располагающимися в крайнем левом столбце экрана. Так как сегодня большинство браузеров являются графическими программами, элемент
позволяет авторам внести в текст некоторое визуальное разнообразие.
Среди тегов, влияющих на начертание шрифта, различают теги физического и логического форматирования . В большинстве случаев применение сходных по значению тегов физического и логического форматирования приводит к одному и тому же эффекту. Различие между ними состоит в том, что теги физического форматирования прямо указывают на то, какие свойства шрифта следует изменить (например, сделать жирным), в то время как теги логического форматирования указывают, какой это текст (например, важный).
Указание интонации текста (это и делают теги логического форматирования) вместо явного задания его свойств позволяет управлять его отображением. Приведем пример: вы считаете, что важный текст должен выделяться не жирным шрифтом, а красным цветом. При использовании тегов логического форматирования и браузера, поддерживающего такую возможность, вы можете настроить отображение текста, форматированного логически. Текст, форматированный физически, всегда будет отображаться так, как это задумал автор. Разумеется, если вы хотите, чтобы текст был именно жирным, используйте физическое форматирование. В противном случае рекомендуется использовать теги логического форматирования.
Разделение тегов на логическое и физическое форматирование изначально предназначалось, чтобы сделать HTML универсальным, в том числе не зависящим от устройства вывода информации. Теоретически, если воспользоваться, например, речевым браузером, то текст, оформленный с помощью тегов и , будет отмечен по-разному. Однако получилось так, что в популярных браузерах результат использования этих тегов равнозначен.
Пока равнозначен.Другие теги логического форматирования: - служит для описания определений; - служит для выделения цитат; - ; - используется для ввода с клавиатуры пользователя; - используется для отметки результатов, выдаваемых программами, для выделения нескольких символов моноширинным шрифтом: ; - используется для символьных переменных; - используется для аббревиатур (СНГ, КПСС, WWW); - используется для сокращений (стр. , англ.) с атрибутом TITLE;
- цитированный текст в кавычках.
Теги и
используются, когда нужно напомнить самому себе о том, что данный кусок текста должен быть (или уже ) вставлен или удален. Применяются при создании сайта группой дизайнеров. Могут иметь атрибуты datetime, cite, title . В datetime можно указать дату и время удаления/вставки. В cite ставится ссылка на URL, по которому содержится пояснение к данному отрывку. С помощью title пояснения вставляются прямо в тег.Не путайте тег
с тегом
Являющимся элементом уровня блока, который следует использовать для отметки больших фрагментов кода!
Рекомендуем почитать
Атрибут type позволяет программисту управлять буллет-стилем (т.е.внешним видом) и формой обозначающих каждое вхождение меток. Параметр этого атрибута может принимать одно из трех значений:
Disc - метки в виде окружностей, заполненных черным цветом
Circle - в виде полых окружностей
Square - в виде квадратов, заполненных черным цветом.
По умолчанию type= "Disc"
Нумерованный список можно представить с использованием тега
- :
Атрибут type может принимать одно из следующих значений:
"1" - обычные арабские цифры 1,2,3 и т.д.
"I" - римские цифры в заглавном регистре I, II, III, IV и т.д.
"i" - римские цифры в строчном регистре i, ii, iii и т.д.
"А" - символьная маркировка в заглавном регистре А, В, С и т.д.
"а" - символьная маркировка в строчном регистре a, b, c и т.д.
Атрибут start позволяет задать позицию, с которой следует начать маркировку. Например, если ввести type= "1" start="5", то нумерация начнется с цифры 5. Если ввести type= "А" start="D", то маркировка начнется с символа D.
По умолчанию значение атрибута type принимается как "1", нумерация начинается с первого элемента в каждом из типов маркировки.
Возможно создание так называемых вложенных списков, реализуемых посредством размещения одной пары тегов в другой. Например, для создания списка:
1. Вхождение 1
· Вхождение 1-а
· Вхождение 1-б
2. Вхождение 2
· Вхождение 2-а
· Вхождение 2-б
Введем следующий набор команд
Следует отметить, что тег
Помимо нумерованных и маркированных списков язык HTML позволяет создавать списки определений, для чего применяются команды
- . Итак, для создания списка
Заголовок группы вхождений 1
Вхождение 1-а
Вхождение 1-б
Заголовок группы вхождений 2
Вхождение 2-а
Вхождение 2-б
Введем следующее: