2.4. Основные элементы Web-страницы
<HTML> </HTML>
Обозначение документа на языке HTML. Между его стартовым и конечным тегами должна находиться вся Web-страница. Он имеет атрибуты version, lang и dir, которыми обычно не пользуются, и допускает непосредственное вложение элементов HEAD, BODY, FRAMESET и других, определяющих общую структуру Web-страницы. Конечным тегом </HTML> заканчиваются все Web-страницы.<HEAD> </HEAD>
Область заголовка Web-страницы. Иными словами, ее первая часть. Так же как и предыдущий элемент, HEAD служит только для формирования общей структуры документа. Этот элемент может иметь атрибуты lang и dir, должен включать элемент TITLE и допускает вложение элементов BASE, META, LINK, OBJECT, SCRIPT, STYLE.<TITLE> </TITLE>
Элемент для размещения текстового заголовка Web-страницы. Строка текста, расположенная внутри этого элемента, отображается не в документе, а в заголовке окна броузера. Эта строка часто используется при организации поиска в Интернете (поисковыми системами). Поэтому авторы, создающие Web-страницы для размещения в Сети, должны позаботиться о том, чтобы эта строка, не будучи слишком длинной, достаточно точно отражала назначение документа.<META>
Этот элемент содержит служебную информацию, которая не отражается при просмотре Web-страницы. Секция заголовка может содержать несколько элементов META, каждый из которых отвечает за определенный набор параметров. Внутри него нет текста в обычном понимании, поэтому нет и конечного тега. Каждый элемент META содержит два основных атрибута, первый из которых определяет тип данных, а второй — содержание. Вот несколько примеров meta-данных.Дата, обозначающая «срок годности» документа:
name="Expires" content="Дата"
Адрес электронной почты:
name="Reply-to" content="Имя@Адрес"
Имя автора Web-страницы:
name ="Author" content="Имя автора"
Набор ключевых слов для поиска:
name="Keywords" content="слово1, слово2, слово3 ..."
Краткое описание содержания Web-страницы:
name="Description" content="Содержание страницы"
Описание типа и характеристик Web-страницы:
name="Content-Type" content="Описание страницы"
Указание приложения, в котором была создана Web-страница:
name="Generator" content="Название HTML-редактора"
Здесь и далее при описании элементов и их атрибутов курсивом выделены фрагменты, которые должны быть заполнены пользователем по его усмотрению. Атрибут name используется приложением-клиентом для получения дополнительной информации о Web-страницах и их упорядочения. Этот атрибут часто заменяют атрибутом http-equiv. Он используется сервером для создания дополнительных полей при выполнении запроса.
Кроме этого, элемент META может содержать URL. Шаблон соответствующего атрибута таков:
URL="http://адрес"
Использование большинства элементов META не обязательно, но некоторые настройки могут быть весьма важны. Так, например, известно, что броузер в некоторых случаях не способен автоматически определить кодировку страницы, и необходимо конкретное указание кодировки (см. раздел 1.3).
Информация, сосредоточенная в элементах META, называется профилем. Профили можно хранить в отдельных файлах и присоединять к определенной странице при помощи специального атрибута элемента HEAD:
<HEAD profile="URL">
В секции HEAD могут располагаться элементы, которые имеют отношение ко всей странице целиком. Так, если для последней создано звуковое сопровождение, то его параметры определяет элемент BGSOUND.
<BODY> </BODY>
Этот элемент заключает в себе гипертекст, который определяет содержимое Web-страницы. Это произвольная часть документа, которую разрабатывает автор страницы и которая отображается броузером. Соответственно, конечный тег этого элемента надо искать в конце HTML-файла. Внутри элемента BODY можно использовать все элементы, предназначенные для дизайна Web-страницы. Внутри стартового тега элемента BODY можно расположить ряд атрибутов, обеспечивающих установки для всей страницы целиком. Рассмотрим их по порядку.Один из самых полезных для дизайна — атрибут, определяющий фон страницы:
background="имя_файла_фона"
Для фона можно определить дополнительное условие — чтобы фоновый рисунок не прокручивался вместе с текстом страницы:
<BODY bgproperties="fixed" >
По умолчанию фоновый рисунок заполняет пространство окна по методу «паркета», начиная с левого верхнего угла. Более сложные настройки фона доступны только при использовании CSS.
Часто используется однотонный фон:
bgcolor="#RRGGBB"
Цвет фона задается тремя двухразрядными шестнадцатеричными числами, которые определяют интенсивность красного, зеленого и синего цветов соответственно. Более подробно о задании цветов рассказано в разделе 1.4.
Атрибуты bgcolor и background рекомендуется использовать совместно, причем фоновый цвет должен соответствовать основному цвету фонового рисунка. Если по каким-либо причинам не может быть найден рисунок фона, используется цветная заливка.
Если фон страницы задан явно (по умолчанию используется белый цвет), необходимо подбирать соответствующий цвет текста и гиперссылок. Для этого имеется ряд атрибутов:
Задание цвета текста по умолчанию и текста абзацев P:
text="#RRGGBB"
Для задания цвета текста неиспользованных гиперссылок используется следующий атрибут:
link="#RRGGBB"
Точно также можно задать цвет для использованных гиперссылок (их список автоматически сохраняет броузер):
vlink="#RRGGBB"
Можно также указать изменение цвета для последней выбранной пользователем гиперссылки:
alink="#RRGGBB"
Броузер воспроизводит информацию в «теле» страницы в том порядке, как она размещена в элементе BODY.
<!-- Комментарий -->
Текст, введенный внутри этого элемента, игнорируется броузером. Эти элементы могут располагаться в любом месте Web-страницы. Часто они помогают разбираться в коде страницы. Например:<!-- Код счетчика -->
С помощью комментариев удобно «отключать» временно ненужные элементы, не удаляя их из текста.
Например, заголовок
<H1> Текст заголовка</H1>
можно сделать невидимым, добавив несколько символов после первой и перед последней скобкой:
<!-- H1> Текст заголовка</H1 -->
Впоследствии можно будет также легко удалить символы комментария и восстановить элемент.
Комментарии используются также совместно с элементом SCRIPT, чтобы броузер не отображал код скриптового языка. Например, для вывода в тексте страницы текущей даты можно использовать такую конструкцию:
<SCRIPT language=JavaScript>
<!--
// Вывод текущей даты
var now = new Date();
document.write(now.getDate() + "." + now.getMonth() + "." + now.getYear());
// -->
</SCRIPT>
В этом примере также необходимы символы комментария языка JavaScript — двойная наклонная черта //.
<BASE>
Элемент для задания базового адреса (URL) для ссылок. Это позволяет опускать начальную часть адреса определенного сайта в ссылках документа. Для использования этого элемента необходимо использовать следующую конструкцию:<BASE href="http://адрес_в_сети/путь1">
Фрагмент адреса путь1 (указание на папки) не является обязательным. При формировании полного адреса ссылки он может быть отброшен. Так, если в тексте документа встретится относительная ссылка
<A href="путь2/имя_документа.htm"> Текст ссылки </a>
то она будет соответствовать URL
http:// адрес_в_сети /путь2/имя_документа.htm
В том случае, когда надо задать базовый адрес для локального диска (например, D:), должна быть использована такая конструкция:
<BASE href="file://D:\путь3\">
Тогда при указании относительной ссылки можно будет задавать не только имя файла, но и имена папок, в которых он находится. Иными словами, путь к файлам может быть разбит на две части: абсолютную и относительную. Это полезно в том случае, когда для файлов, указанных в документе, есть общий начальный фрагмент пути.
В выражении абсолютной ссылки можно также опустить указание на схему доступа (file://). В этом случае будет учитываться только левая часть абсолютной ссылки до первого левого символа "\", то есть имя локального диска.
© TEKCT.RU, А. Гончаров, 2007-2022
|
|