Отправляет email-рассылки с помощью сервиса Sendsay

HTML. Хочу знать все!

Рассылка закрыта

При закрытии подписчики были переданы в рассылку "Заметки Дизайнера" на которую и рекомендуем вам подписаться.

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

  Май 2005   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Автор
ImHoster.net

Статистика

1.793 подписчиков
-1 за неделю
←   Все выпуски   →

HTML. Хочу знать все! выпуск второй


Информационный Канал Subscribe.Ru
Рассылка для всех, кто использует HTML в своей работе

HTML. Хочу знать ВСЕ!

Выпуск #2, 2005-05-12
Написать автору
Архив рассылки
 Подписаться письмом Отписаться

Час добрый!

Сегодня мы рассмотрим структуру документа HTML.

Структура документа HTML

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

  • строки, содержащей информацию о версии HTML,
  • раздела заголовков (определяемого элементом HEAD),
  • тела, которое включает собственно содержимое документа. Тело может вводиться элементом BODY или элементом FRAMESET.

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

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


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
   "http://www.w3.org/TR/REC-html40/strict.dtd">
<HTML>
   <HEAD>
      <TITLE>Мой первый документ HTML</TITLE>
   </HEAD>
   <BODY>
      <P>Всем привет!
   </BODY>
</HTML>

Информация о версии HTML

HTML 4.0 определяет три DTD (Document Type Definition - Определение типа документа), так что авторы должны включать в свои документы одно из следующих объявлений типов. Разница между DTD заключается в поддерживаемых ими элементах.

  • HTML 4.0 Strict DTD (строгое определение) включает все элементы и атрибуты, не являющиеся нежелательными (Нежелательными являются элементы, устаревшие вследствие применения новых конструкций или которые могут устареть в будущих версиях HTML. Подробнее об нежелательных элементах мы поговорим в другом выпуске рассылки) и не использующиеся в документах с кадрами (фреймами). Для документов, использующих это DTD, используется такое объявление типа документа: 

    
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
        "http://www.w3.org/TR/REC-html40/strict.dtd">
  • HTML 4.0 Transitional DTD (переходное определение) включает все, что включено в строгое DTD, а также нежелательные элементы и атрибуты (большинство из которых относится к визуальному представлению). Для документов, использующих это DTD, используется объявление типа документа вида: 

    
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
        "http://www.w3.org/TR/REC-html40/loose.dtd">
  • HTML 4.0 Frameset DTD (определение для кадров) включает все, что включено в переходное DTD, а также кадры. Для документов, использующих это DTD, используется такое объявление типа: 

    
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN"
        "http://www.w3.org/TR/REC-html40/frameset.dtd">

Обратите внимание, что объявление версии HTML и типа документа является ОБЯЗАТЕЛЬНЫМ! Некоторые авторы сознательно пропускают эту часть, ссылаясь на то, что в броузере никаких изменений не видно. А некоторые просто не знают о том, что есть эта часть документа. Без нее код документа HTML является некорректным и может отображаться не так как Вы задумали. В некоторых броузерах все будет отображаться корректно, но не во всех, поэтому не забывайте обязательно вставлять информацию о версии и о типе документа HTML.

Раздел заголовков

Раздел заголовков документа начинается с тэга <HEAD> и заканчивается тэгом </HEAD>.

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

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

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

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

Тело документа начинается с тэга <BODY> и заканчивается тэгом </BODY>.

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

Между начальным и конечным тэгами содержится текст документа, изображения и таблицы. Одним словом, все HTML-элементы, отвечающие за отображение документа, управление им и гипертекстовые ссылки. Элемент BODY должен встречаться в документе не более одного раза.

Атрибуты элемента BODY:

MARGINHEIGHT - определяет ширину (в пикселах) верхнего и нижнего полей документа. Работает только в браузерах Netscape.

TOPMARGIN - определяет ширину (в пикселах) верхнего и нижнего полей документа. Работает только в браузерах Internet Explorer.

MARGINWIDTH - определяет ширину (в пикселах) левого и правого полей документа. Работает только в браузерах Netscape.

LEFTMARGIN - определяет ширину (в пикселах) левого и правого полей документа. Работает только в браузерах Internet Explorer.

BACKGROUND - определяет изображение для "заливки" фона. Значение задается в виде полного URL или имени файла с картинкой в формате gif, jpg, png и др.

BGCOLOR - определяет цвет фона документа.

TEXT - определяет цвет текста в документе.

LINK - определяет цвет гиперссылок в документе.

ALINK - определяет цвет подсветки активных гиперссылок.

VLINK - определяет цвет гиперссылок на документы, которые уже были просмотрены.

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

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

ПРИМЕР НЕЖЕЛАТЕЛЬНОГО ИСПОЛЬЗОВАНИЯ:
В следующем фрагменте кода HTML показано использование нежелательных атрибутов. Они устанавливают белый цвет фона, черный цвет текста и красный цвет гиперссылок изначально, цвет фуксии при активизации ссылок и коричневый для ссылок, по которым Вы переходили. 


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
   "http://www.w3.org/TR/REC-html40/loose.dtd">
<HTML>
<HEAD>
 <TITLE>Нежелательное использование атрибутов</TITLE>
</HEAD>
<BODY bgcolor="white" text="black"
  link="red" alink="fuchsia" vlink="maroon">
  ... тело документа...
</BODY>
</HTML>

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


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
   "http://www.w3.org/TR/REC-html40/strict.dtd">
<HTML>
<HEAD>
 <TITLE>С использованием таблиц стилей</TITLE>
 <STYLE type="text/css">
  BODY { background: white; color: black}
  A:link { color: red }
  A:visited { color: maroon }
  A:active { color: fuchsia }
 </STYLE>
</HEAD>
<BODY>
  ... тело документа...
</BODY>
</HTML>

Использование внешних (связываемых) таблиц стилей обеспечивает гибкость при изменении представления без пересмотра источника документа HTML: 


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
   "http://www.w3.org/TR/REC-html40/strict.dtd">
<HTML>
<HEAD>
 <TITLE>Динамика популяции</TITLE>
 <LINK rel="stylesheet" type="text/css" href="smartstyle.css">
</HEAD>
<BODY>
  ... тело документа...
</BODY>
</HTML>

В последнем случае, таблица стилей оформлена в виде отдельного файла и связана с документом при помощи элемента LINK (будет рассмотрен позже).

В документах, содержащих фреймы (кадры), элемент BODY заменяется элементом FRAMESET.

На сегодня это все.

В следующем выпуске рассылки мы с Вами рассмотрим элементы META.

А я желаю Вам успехов в жизни и в творчестве. До скорых встреч.

С уважением,
Виталий Прохоренко

Если есть вопросы, или затруднения, пишите: n_biz@mail.ru. Буду рад помочь Вам.

Письмо автору
Архив рассылки
 Подписаться письмом Отписаться

Copyright © Виталий Прохоренко, 2005.

http://subscribe.ru/
http://subscribe.ru/feedback/		 Подписан адрес:
Код этой рассылки: inet.webbuild.webhtml		 Отписаться
В избранное