Автор работы: Пользователь скрыл имя, 28 Января 2013 в 17:03, лекция
В 1962 г. Дж. Ликлайдером, руководителем исследовательского компьютерного проекта экспериментальной сети передачи пакетов в Управлении перспективных исследований и разработок Министерства обороны США (Defense Advanced Research Project Agency, DARPA), была опубликована серия заметок, в которых обсуждалась концепция "Галактической сети" ("Galactic Network"). "Галактическая сеть" представлялась как глобальная сеть взаимосвязанных компьютеров, позволяющая любому пользователю получить доступ к данным и программам на компьютерах, объединенных данной сетью. Можно сказать, что эта идея положила начало развитию сети Интернет.
Часто на Web-странице необходимо целиком или частично процитировать информацию из статей, публикаций блога, справочных документов и т.д. В HTML для выделения длинных цитат внутри документа предназначен элемент BLOCKQUOTE. Текст, обозначенный этим элементом, традиционно отображается как выровненный блок с отступами слева и справа. Единственный параметр данного элемента cite указывает полный или относительный адрес первоисточника, откуда была позаимствована приведенная цитата. Однако параметр cite не поддерживают как Internet Explorer, так и некоторые другие распространенные браузеры. Рассматриваемый выше анекдот можно оформить в виде цитаты следующим образом:
<BLOCKQUOTE>Гоголь
только под конец жизни о
душе задумался, а смолоду у
него вовсе совести не было.
Однажды невесту в карты
Результат применения элементов P и BLOCKQUOTE к оформлению текста представлен на рисунке 6.3.
Рис. 6.3. Пример использования элементов P и BLOCKQUOTE
Горизонтальная линия
В силу специфики определения
Для форматирования текста HTML-документа
предусмотрена целая группа элементов,
которую условно можно
Элементы логического форматирования своими именами обозначают структурные типы своих текстовых фрагментов, такие, например, как цитата (элемент CITE), аббревиатура (элемент ABBR) и др. Логическая разметка не влияет на конкретное экранное представление фрагмента текста браузером. Фрагменты с логическим форматированием браузеры отображают на экране определенным образом, заданным по умолчанию. Вид отображения никак не связан со структурным типом фрагмента (т.е. именем элемента логического форматирования), но может быть легко переопределен.
Элементы физического форматирования определяют формат отображения указанного в них фрагмента текста в окне браузера. Например, для отображения фрагмента курсивом можно использовать элемент I.
Между разработчиками документов HTML долгое время шли споры о преимуществах и недостатках того или иного подхода. С выходом спецификации НТМL 4.0 эти споры завершились в пользу применения логического форматирования, поскольку был провозглашен принцип отделения структуры документа от его представления (о котором рассказывалось в лекции 4). Действительно, только на базе логического форматирования можно гибко управлять представлением документа, используя современные методы, основанные, например, на таблицах стилей.
Тем не менее, на настоящий момент может свободно использоваться и физическое форматирование. В спецификации HTML 4.01 некоторые элементы физического форматирования не рекомендуются для применения, однако пока они все еще поддерживаются всеми браузерами. Некоторые элементы логического форматирования, призванные заменить отдельные элементы физического форматирования, распознаются не всеми браузерами, что делает их применение неудобным. Примером может служить логический элемент DEL, который рекомендуется использовать вместо физического элемента STRIKE.
Элемент ABBR указывает, что последовательность символов, заключенная между его начальным и конечным тегом, является аббревиатурой. По умолчанию, такой текст подчеркивается пунктирной линией. Браузер Internet Explorer до 7 версии включительно не поддерживает элемент ABBR, рекомендуя использовать элемент ACRONYM.
Элемент ACRONYM, являясь разновидностью аббревиатуры, указывает на то, что текст является акронимом. В отличие от аббревиатуры, акроним - это устоявшееся сокращение, которое применяется как самостоятельное слово. К акронимам, например, можно отнести слова ликбез, соцстрах и т.д.
Для указания полной формы записи аббревиатуры или акронима удобно использовать атрибут title. Тогда визуальные браузеры при наведении курсора на текст, размеченный элементом ACRONYM или ABBR, будут выдавать полное наименование в виде появляющейся подсказки. Кроме того, поисковые системы индексируют полнотекстовый вариант сокращения, что может использоваться для повышения рейтинга документа. Ниже представлен пример использования элемента ACRONYM. Результат выполнения данного фрагмента представлен на рисунке 6.4.
<P>Действующим президентом <ACRONYM title="Соединенные Штаты Америки">США</ACRONYM> является Барак Обама.</P>
Рис. 6.4. Пример использования элемента ACRONYM
Элемент ADDRESS предназначен для хранения информации об авторе и может включать в себя любые элементы HTML вроде ссылок, текста, выделений и т.д. Планируется, что поисковые системы будут анализировать содержимое этого тега для сбора информации об авторах сайтов. По умолчанию, текст внутри контейнера ADDRESS отображается курсивным начертанием. Информация об авторе может быть задана следующим образом:
<ADDRESS>Сделано в СССР.</ADDRESS>
Элемент CITE используется для отметки цитат или названий книг и статей, ссылок на другие источники и т.д. Браузерами такой текст обычно выводится курсивом. Если необходимо отметить короткие цитаты в строке текста, то рекомендуется использовать элемент Q. В отличие от блочного элемента BLOCKQUOTE, при отображении не выполняется отделение размеченного текста пустыми строками. Например, цитата Оскара Уайльда может быть оформлена следующим образом:
<CITE>Нет греха, кроме глупости.</CITE>
Изменения, возникшие в документе с момента, когда он стал доступен в первый раз, можно пометить, чтобы посетители могли сразу определить, что и когда изменилось.
Для выделения текста, который был удален в новой версии документа, предназначен элемент DEL. Подобное форматирование позволяет отследить изменения, сделанные в тексте документа. Текст, помеченный элементом DEL, браузеры обычно отображают как перечеркнутый. В спецификации HTML 4.01 этому элементу отдается предпочтение перед элементами физического форматирования STRIKE или S, обозначающих перечеркнутый текст.
Для выделения текста, который был добавлен в новую версию, используется элемент INS. Его полезно использовать для отметки изменений, вносимых в документ от версии к версии. Текст, помеченный элементом INS, обычно отображается подчеркнутым текстом.
Элементы DEL и INS имеют два необязательных атрибута: cite и datetime. Значение атрибута cite должно представлять собой URL-адрес документа, поясняющего причины удаления данного фрагмента или подробности внесенных дополнений, а атрибут datetime указывает дату удаления или вставки.
Элемент CODE предназначен для отображения одной или нескольких строк текста, который представляет собой программный код: имена переменных, ключевые слова, тексты функции и т.д. Браузеры обычно отображают содержимое контейнера CODE моноширинным текстом уменьшенного размера. Этот элемент не следует путать с элементом PRE, являющимся элементом блочного уровня, который следует использовать для отметки больших фрагментов кода. Кроме того, в отличие от элемента PRE, дополнительные пробелы внутри контейнера CODE не учитываются так же, как и переносы текста.
Как правило, новый термин, упоминающийся в документе, выделяется курсивом, также дается его определение. Тогда при использовании этого термина в дальнейшем, он считается уже известным читателю. Для выделения таких терминов при их первом появлении в тексте используется элемент DFN. Браузеры, по умолчанию, отображают содержимое контейнера DFN с помощью курсивного начертания.
Элемент SAMP используется для отображения текста, который является результатом вывода компьютерной программы или скрипта. Элемент SAMP используется также для выделения нескольких символов моноширинным шрифтом. Применение данного элемента предпочтительнее применения элемента физического форматирования TT.
Элемент KBD используется для обозначения текста, который набирается на клавиатуре, или для названия клавиш. Браузеры, по умолчанию, помечают текст в контейнере KBD и SAMP моноширинным шрифтом.
Для выделения важных фрагментов текста, как правило, используются элементы EM и STRONG. Браузеры обычно отображают текст, отмеченный элементом EM и STRONG, курсивом и полужирным шрифтом соответственно. Элементом STRONG обычно размечают более важные фрагменты текста, чем те, что размечены элементом EM.
Следует отметить, что элементы I и EM, так же как B и STRONG, несмотря на сходство результата, являются не совсем эквивалентными и взаимозаменяемыми. Например, элемент I является элементом физической разметки и устанавливает курсивный текст, а элемент EM - элементом логической разметки и определяет важность помеченного текста. Такое разделение тегов на логическое и физическое форматирование изначально должно было сделать HTML универсальным, в том числе не зависящим от устройства вывода информации. Теоретически, если воспользоваться, например, речевым браузером, то текст, оформленный с помощью тегов I и EM, будет отмечен по-разному. Однако получилось так, что в популярных браузерах результат использования этих тегов равнозначен.
Элемент VAR используется для указания переменных в текстовом контенте. Он может включать алгебраические математические выражения или находиться в программном коде. Браузеры обычно помечают такой текст курсивом. Например, элемент VAR можно использовать следующим образом:
<VAR>x+y=z</VAR>
В данном разделе приведено краткое описание некоторых элементов физического форматирования. Часть из них не рекомендуется к использованию спецификацией HTML 4.01 и заменена более новыми методами достижения аналогичного результата, однако они продолжают поддерживаться браузерами и поэтому представляют определенный интерес.
Элемент B отображает текст полужирным шрифтом. В большинстве случаев рекомендуется вместо него использовать элементы логического форматирования STRONG или EM.
Элемент I отображает текст курсивом. Для большинства случаев вместо данного элемента рекомендуется использовать элементы EM, DFN или CITE, поскольку последние лучше отражают назначение выделяемого текста.
Элемент TT отображает текст моноширинным шрифтом. Для большинства случаев вместо этого элемента лучше использовать элементы CODE, SAMP или KBD.
Элемент U отображает текст подчеркнутым. Данный элемент отмечен как не рекомендуемый, вместо него предлагается использовать элементы STRONG или CITE.
Элементы STRIKE и S отображают текст, перечеркнутый горизонтальной линией. Оба элемента отменены, и вместо них рекомендуется использовать элемент DEL.
Элементы BIG и SMALL выводят текст шрифтом большего и меньшего (чем непомеченная часть текста) размера. Вместо элемента BIG предпочтительнее использовать элемент STRONG, а размер устанавливать с помощью соответствующих свойств CSS.
Чтобы пометить часть некоторого текста как верхний или нижний индекс, используют элементы SUB и SUP. Элемент SUB сдвигает текст ниже уровня строки и выводит его шрифтом меньшего размера. Элемент SUP сдвигает текст выше уровня строки и выводит его шрифтом меньшего размера. Эти элементы удобно применять для разметки несложных математических выражений, не обращаясь к использованию специального языка математической разметки MathML. Например, формула воды может быть записана следующим образом:
<P>H<SUB>2</SUB>O</P>
Элемент FONT позволяет задать такие параметры шрифта, как тип (или семейство шрифтов), размер и цвет. Элемент BASEFONT применяется для задания базового шрифта сразу для всей страницы. Обычно он указывается сразу после элемента BODY. В Спецификации HTML 4.01 эти элементы отнесены к отмененным, и их дальнейшее применение не рекомендуется.
Большинство элементов в HTML существует для описания контента, такого, как изображения, списки, заголовки, или помогают в настройке документа (HEAD, LINK и т.д.). Однако имеется два элемента, которые не имеют заданного значения. Спецификация HTML декларирует, что элементы DIV и SPAN совместно с атрибутами id и class образуют базовый механизм для добавления в документы структуры. Эти два элемента можно считать некоторой несущей опорой HTML.