Смекни!
smekni.com

Государственные и региональные информационные системы (стр. 5 из 9)

Комментарии

Комментарии в HTML имеют следующий синтаксис:

<!-- это комментарий --><!-- это тоже комментарий,он занимает несколько строк -->

Проблемы между открывающим разделителем разметки ("<!") и открывающим разделителем комментария ("--") недопустимы, но их можно использовать между закрывающим разделителем комментария ("--") и закрывающим разделителем разметки (">"). Распространенной ошибкой является включение строки символов переноса ("---") в комментарий. Следует избегать использования в комментариях двух или более символов переноса.

Цвета

Значение атрибута типа "color" (%Color;) относится к определениям цветов, как указано в [SRGB]. Значение цвета может быть шестнадцатеричным числом (которому предшествует знак диеза) или одним из следующих шестнадцати названий цветов. Названия цветов учитывают регистр.

Black = "#000000" Green = "#008000"
Silver = "#C0C0C0" Lime ="#00FF00"
Gray ="#808080" Olive = "#808000"
White = "#FFFFFF" Yellow = "#FFFF00"
Maroon = "#800000" Navy = "#000080"
Red = "#FF0000" Blue ="#0000FF"
Purple = #800080" Teal = "#008080"
Fuchsia = "#FF00FF" Aqua = "#00FFFF"

То есть, значения "#800080" и "Purple" оба означают пурпурный цвет.

Замечания об использовании цветов

Хотя цвета могут существенно добавлять информации в документ и повышать удобство чтения, при использовании цветов имейте в виду следующие основные принципы:

· Использование элементов и атрибутов HTML для указания цвета нежелательно. Вместо этого следует использовать таблицы стилей.

· Не используйте комбинации цветов, вызывающие проблемы у пользователей.

· Если Вы используете изображение в качестве фона или устанавливаете цвет фона, не забудьте установить и цвета текста.

· Цвета, указанные в элементах BODY и FONT и в bgcolor в таблицах выгладят по-разному на разных платформах (на рабочих станциях, Mac, Windows и на панелях LCD и CRT), поэтому не рассчитывайте на определенный эффект. В будущем поддержка цветовой модели [SRGB] вместе с цветовыми профилями ICC должна устранить эти проблемы.

· При возможности принимайте общие соглашения.

Длина

HTML определяет три типа значений длины для атрибутов:

1. Пикселы: Значение (%Pixels; в DTD) - это целое, представляющее число пикселов (на экране, на бумаге). Таким образом, значение "50" означает пятьдесят пикселов. Нормативную информацию об определении пиксела см. в [CSS1].

2. Длина: Значение (%Length; в DTD) может быть %Pixel; или доля вертикального или горизонтального расстояния в процентах. Таким образом, значение "50%" означает половину доступного пространства.

3. МультиДлина: Значение ( %MultiLength; в DTD) может быть %Length; или относительной длиной. Относительная длина имеет форму "i*", где "i" - целое число. При распределении пространства между элементами, конкурирующими за это пространства, агенты пользователя сначала отводят место для длин, определенных в пикселах и процентах, а затем делят оставшееся место между относительными длинами. Каждая относительная длина получает часть доступного пространства, пропорциональную целому числу, предшествующему "*". Значение "*" эквивалентно "1*". Таким образом, если имеется 60 пикселов пространства после того, как агент пользователя распределит пространство для длин, определенных в пикселах и процентах, а конкурирующими относительными длинами являются 1*, 2* и 3*, 1* получит 10 пикселов, 2* - 20 пикселов, а 3* - 30 пикселов.

Введение в структуру документа HTML

Документ в формате HTML 4.0 состоит из трех частей:

1. строки, содержащей информацию о том, что это документ HTML,

2. раздела заголовков (определяемого элементом HEAD),

3. тела, которое включает собственно содержимое документа. Тело может вводиться элементом BODY или элементом FRAMESET.

Перед каждым элементом или после каждого элемента может находиться пустое пространство (пробелы, переход на новую строку, табуляции и комментарии). Разделы 2 и 3 должны отделяться элементом HTML.

Вот пример простого документа HTML:

<HTML><HEAD><TITLE>Мой первый документ HTML</TITLE></HEAD><BODY><P>Всем привет!</BODY></HTML>

Элемент HTML: Начальный тэг: не обязательный, конечный тэг: не обязательный

После объявления типа документа остальная часть документа HTML содержится в элементе HTML. Таким образом, типичный документ HTML имеет такую структуру:

<HTML>...Здесь идут заголовок, тело и т.д...</HTML>

Заголовок документа

Элемент HEAD

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

Элемент TITLE:

<!-- Элемент TITLE не считается частью текста.Он должен отображаться, например, в качестве заголовка страницыили окна. В документе должен быть ровно один заголовок.-->

Начальный тэг: обязателен, Конечный тэг: обязателен

Каждый документ HTML должен иметь элемент TITLE в разделе HEAD.

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

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

<HTML><HEAD><TITLE>Исследование динамики популяции</TITLE>... другие элементы заголовка...</HEAD><BODY>... тело документа...</BODY></HTML>

Тело документа

Элемент BODY: Начальный тэг: не обязателен, конечный тэг: не обязателен

Определения атрибутовbackground = uri[CT]

Значение этого атрибута - URI, указывающий на изображение. Это изображение является фоном (для визуальных браузеров).

text = color[CI]

Этот атрибут устанавливает цвет текста (для визуальных браузеров).

link = color[CI]

Этот атрибут устанавливает цвет текста гипертекстовых ссылок, по которым Вы не переходили (для визуальных браузеров).

vlink = color[CI]

Этот атрибут устанавливает цвет текста ссылок, по которым Вы переходили (для визуальных браузеров).

alink = color[CI]

Этот атрибут устанавливает цвет текста ссылок, когда они выбраны пользователем (для визуальных браузеров).

Атрибуты, определяемые в любом другом месте

В теле документа располагается содержание документа. Содержимое может представляться агентом пользователя несколькими способами. Например, для визуальных браузеров Вы можете считать тело документа полотном, на котором отображается содержимое: текст, изображения, цвета, рисунки и т.д. Для аудиоагентов пользователей оно может произноситься.

<HTML><HEAD><TITLE>Динамикапопуляции</TITLE></HEAD><BODY bgcolor="white" text="black"link="red" alink="fuchsia" vlink="maroon">... тело документа...</BODY></HTML>

Элементы уровня блока и встроенные элементы

Некоторые элементы HTML, которые могут присутствовать внутри тэга BODY, называются элементами "уровня блока", в то время как другие - "встроенными" (также называемыми элементами "уровня текста"). Разница между ними описана ниже:

Модель содержимого

Обычно элементы уровня блока могут содержать встроенные элементы и другие элементы уровня блока. Обычно встроенные элементы могут содержать только данные и другие встроенные элементы. Этому структурному различию свойственна идея о том, что элементы блока создают "большие" структуры, чем встроенные элементы.

Форматирование

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

Заголовки

Элементы H1, H2, H3, H4, H5, H6

<"H1|H2|H3|H4|H5|H6"><!--Существует шесть уровней заголовков - с H1 (наиболее важный) до H6 (наименее важный).-->

Начальный тэг: обязателен, Конечный тэг: обязателен

Заголовок кратко описывает содержание раздела, которому он предшествует. Информация из заголовка может использоваться агентами пользователей, например, для автоматического построения оглавления документа.

В языке HTML существует шесть уровней заголовков: H1 - наиболее важный - и H6 - наименее важный. Визуальные браузеры обычно отображают более важные заголовки более крупным шрифтом.

<H1>Лесные слоны</H1><P>В этом разделе мы обсуждаем менее известных лесных слонов....продолжение раздела...<H2>Ариал</H2><P>Лесные слоны не живут в деревьях, а среди них....продолжение раздела...

Некоторые люди считают пропуск уровней заголовков дурным тоном. Они принимают порядок заголовков H1 H2 H1, но не принимают порядок H1 H3 H1, поскольку пропущен уровень H2.