Рассылка www.vns.ru
№3 19 апреля 2002 г.
Все секреты HTML
в выпуске:
Заголовок HTML-документа
Чат вашей мечты
интересные ресурсы
авторам
Подписка на "PhotoShop"


 
для дизайнера:
CorelDRAW
PhotoShop
Macromedia Flash
MS Front Page
Dreamweaver
Java
HTML
DHTML
Литература
Анимация
Шрифты
Программы
Архив рассылок
Сервис чатов
Здравствуйте!

Ежедневные новости в "мире web-дизайна" только на www.vns.ru
Официально вышла версия PhotoShop 7.0. Качать можете на свой страх и риск :) Ссылка на загрузку программы находится на главной страницы сервера!
--
Наши разработчики создали мощную поисковую систему на языке Perl, которая может использоваться почти на любом веб-сервере. Идеальный поиск для малых и средних сайтов с объемом текстовых (индексируемых) файлов около 40Мб, уникальные возможности. Подробнее...

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

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

Элементы, относящиеся к заголовку документа:
HEAD - Определяет начало и конец заголовка документа
TITLE - Определяет имя всего документа, которое отображается в заголовке окна браузера
BASE - Определяет базовый адрес, от которого отсчитываются относительные линки внутри документа
STYLE - Используется для вставки в документ таблицы стилей CSS
LINK - Описывает взаимосвязь документа с другими объектами
META - Используется для вставки метаданных

Теперь разберем по подробнее каждый элемент заголовка:

HEAD
Определяет начало и конец заголовка документа. Является контейнером для элементов, содержащих техническую информацию о документе.
Пример:
<HTML>
<!-- Начинаем заголовок... -->
<HEAD>
    <title>Справочник по HTML</title>
</HEAD>
<!-- ...кончили. Дальше пошло тело документа -->

<BODY>
Текст документа
</BODY>

</HTML>

TITLE
Определяет имя всего документа. Имя, как правило, отображается в заголовке окна браузера. Данный элемент обязателен для любого HTML-документа и может быть указан не более одного раза.

Пример:
...
<HEAD>
    <TITLE>Руководство по эксплуатации</TITLE>
</HEAD>
...

Base
Указывает базовый адрес текущего документа (URL), который станет отправной точкой для расчета относительных адресов внутри документа. Элемент не имеет конечного тэга. Обязательно присутствие хотя бы одного из параметров.

HREF - определяет базовый адрес (URL) текущего документа.

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


Пример:
<HEAD>
   
<!-- Пусть браузер думает, что находится по адресу : -->
    <BASE HREF="http://www.igf.ru/other/index.html">
    <TITLE>Руководство по эксплуатации</TITLE>
</HEAD>
...
<!-- А теперь создадим относительную ссылку на документ -->
<!-- http://www.igf.ru/list.html -->
<A HREF="../list.html">Список</A>
...


STYLE
Используется для вставки в документ таблицы стилей (CSS - Cascade Style Sheet).


Параметры:

TYPE - обязательный параметр. Определяет MIME-тип вставляемого блока стилей. Как правило, значением этого параметра является "text/css".

TITLE - определяет имя создаваемой таблицы стилей. Может пригодиться, если вы собираетесь использовать несколько элементов STYLE в одном документе. В этом случае браузер должен спросить пользователя, какой из предложенных стилей будет применен к документу.


Пример:
<HEAD>
    <TITLE>Пример использования таблицы стилей</TITLE>
   
<!-- Втыкаем табличку стилей -->
    <STYLE TYPE="text/css" TITLE="Cool table">
       
<!--
        A {text-decoration : none;}
        P {color : blue; font-size : 12pt; font-family : Arial;}
        H1 {color : red; font-size : 18pt;}
        -->

    </STYLE>
   
<!-- ... кончили втыкать -->
</HEAD>

LINK
Элемент LINK описывает взаимосвязь документа с другими документами на сайте, указывая его место в иерархической структуре сайта. Элемент не имеет конечного тэга. В заголовке может содержаться несколько элементов LINK.


Параметры:

HREF - определяет URL объекта.

REL - определяет тип взаимосвязи текущего документа с объектом, определенным параметром HREF. Возможные значения:

    stylesheet - указывает на файл, содержащий таблицу стилей (CSS) для текущего документа. Браузер загрузит css-файл с указанного в параметре HREF адреса и применит его к текущему документу (см. также элемент STYLE)
    home - указывает на заглавную страницу вашего сайта
    toc, contents - указывают на файл, содержащий оглавление данного документа.
    index - указывает на файл, содержащий информацию для индексного поиска по текущему документу.
    glossary - указывает на файл, содержащий перечень терминов, относящихся к текущему документу.
    copyright - указывает на страницу сайта, в которой говорится о его создателях, авторских правах и т.п.
    up, parent - указывает на "родительскую" страницу (документ, стоящий на ступеньку выше в иерархической структуре вашего сайта).
    child - указывает на "дочернюю" страницу (документ, стоящий на ступеньку ниже в иерархической структуре вашего сайта).
    next - указывает на следующую страницу в последовательности документов (напр. следующую страницу электронного каталога, документации или словаря).
    previous - указывает на предыдущую страницу в последовательности документов.
    last, end - указывает на последнюю страницу в последовательности документов.
    first - указывает на первую страницу в последовательности документов.
    help - указывает на страницу с подсказкой (напр. по навигации по вашему сайту).

TYPE - определяет MIME-тип для объекта, указанного в параметре HREF.


Пример 1:
<HEAD>
    <TITLE>Элемент DIV</TITLE>
    <LINK REL="HOME" TITLE="HTML-справочник" HREF="index.html">
    <LINK REL="UP" TITLE="Текстовые блоки" HREF="textblocks.html">
    <LINK REL="PREVIOUS" TITLE="Элемент P" HREF="p.html">
    <LINK REL="NEXT" TITLE="Элемент ADDRESS" HREF="address.html">
</HEAD>


Пример 2:
<HEAD>
    <TITLE>Полдневье</TITLE>
    <LINK REL="stylesheet" TYPE="text/css" HREF="deco1.css">
</HEAD>

META
Элемент МЕТА используется для техописания документа, которое представляет собой метаданные в виде пары "имя-значение". С помощью этого элемента в заголовок документа внедряется дополнительная полезная информация, невидимая для пользователя, но порой просто незаменимая для правильной индексации вашей страницы роботами поисковых серверов. Элемент не имеет конечного тэга.


Параметры:

NAME - определяет имя мета-записи. Существует множество предопределенных имен, некоторые из которых вы можете увидеть в указанном ниже примере.

HTTP-EQUIV - определяет имя мета-записи. Практически аналогичен параметру NAME, но используется лишь в случае необходимости передачи дополнительной информации в HTTP-заголовке.

CONTENT - присваивает значение мета-записи, определенной в параметре NAME (или HTTP-EQUIV).


Пример:
<HEAD>
    ...
    <META HTTP-EQUIV="Expires" CONTENT="Sat, 26 Jun 1999 17:38:15 GMT">
    <META NAME="GENERATOR" CONTENT="Greenback">
    <META NAME="Publisher-Email" CONTENT="green@igf.ru">
    <META NAME="Publisher-URL" CONTENT="Idea GraFix - http://www.igf.ru/">
    <META NAME="Keywords" CONTENT="OpenGL,3D,graphics,3Dfx,Permedia,Diamond,графика">
    <META NAME="Description" CONTENT="Российский сайт, полностью посвященный 3D-графике, ее разработке и использованию.">
</HEAD>


Источник: http://html.manual.ru

[ к содержанию ]

Чат вашей мечты!

Наша система, позволяет Вам совершенно бесплатно (!) создать свой собственный чат, ничего не смысля в Perl или PHP и нисколько не заботясь о хостинге и прочих сетевых премудростях.

Вам надо только зарегистрироваться, введя свои данные. Ваш чат будет доступен уже через несколько часов. При этом у Вас будут доступны следующие настройки чата:
Администрирование посетителей чата
Просмотр разговоров
Блокировка IP адреса
Основные настройки чата - время обновления левого фрейма, время обновления правого фрейма, количество сообщений в левом фрейме, матотестер, показывать разговор только после входа в чат, использование смайликов, вход в чат только для зарегистрированных пользователей, настройка цвета своих фраз, настройка размера и вида шрифта своих фраз, рассказчик анекдотов
Настройки цветов - настрока цветов фреймов, настройка верхнего меню, настройка скроллинга, настройка служебных сообщений, настрока сообщений посетителей, настройка фреймов.
Загрузка логотипа
Загрузка рисунков для ников
Загрузка фона
Редактирование новостей чата
Подробная Статистика чата - за любой день. И мн. др.

Спешите зарегистрироваться!

Интересные ресурсы

Zona5.al.RU - Всё о Macromedia Flash - уроки, исходники, статьи...
Andrey.nnov.Ru - Алгоритмы, статьи, книги, faq и многое другое.
Портал для веб-мастера - скрипты, раскрутка, хостинг...


Сюда может попасть любой желающий. Послать заявку...
Авторам

Вы хотите, чтобы ваши статьи были опубликованы на сервере VNS.ru? Если вы считаете, что можете написать о дизайне, скриптам, графике и т.п., если Вам есть что сказать и о чем рассказать, я буду рад сотрудничеству с Вами. Присылайте свои предложения и статьи. Давайте вместе делать общее дело! Присылайте свои соображения, мысли, истории... поделитесь своим опытом. В качестве гонорара Вы получите показы сети RLE (от 1000 до 10000) плюс N-кол-во читателей, которые посетят Ваш сайт. Буду рад сотрудничеству.

Подпишись на рассылку "PhotoShop"

http://www.vns.ru

ведущий рассылки: Павел