HTML: Структура документа, расширенные параметры и тэги.

[Felix 17 0]

 

Доброго всем времени суток.

 

В прошлом уроке я уже упоминал о структуре HTML документа,

Настало время рассмотреть ее подробней.

 

Как осуществить связь с другими документами:

 

Многие документы в сети связанны между собой ссылками, которые могут быть абсолютными и

относительными.

 

Недостатки есть у обоих. Абсолютные ссылки зачастую громоздки, и становятся бесполезными,

если перемещается более младший по иерархической структуре документ.

Относительные ссылки значительно короче, и легко обновляются, однако проблема у них прямо противоположная - они становятся бесполезными при перемещении более старшего по иерархической структуре объекта.

 

 

Относительные ссылки, в отличии от абсолютных, не пишутся полностью, и действуют только в

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

 

В обоих случаях связь может нарушиться при переносе документа на другой компьютер.

 

К счастью такая проблема была предусмотрена разработчиками, добавившими два замечательных тэга <LINK> и <BASE>.

 

Тэг <BASE> нужен для указания полного базового URL адреса документа, благодаря этому ссылка продолжает жить, когда документ перемещается в другое место.

 

У этого тэга есть обязательный параметр - HREF, необходимый для указания полной ссылки на документ.

 

К примеру:

 

 

Тэг указывает браузеру где стоит искать файл.

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

 

Мы выяснили, что тэг <BASE> помогает найти файл, однако вопрос о связях документов все еще остается открытым.

 

Чем сложнее ваши документы, тем важнее становятся эти связи.

Как раз для поддержания этих связей документов друг с другом и существует тэг <LINK>.

 

Тэг указывает на связь документа с другим документом, или объектом.

 

У этого тэга есть несколько параметров, выполняющих различные функции:

 

HREF - как и в прошлом теге, этот параметр нужен для указания ссылки на какой либо документ или объект.

 

REL - определяет связь текущего документа с другим.

 

REV - параметр, обратный RELу - определяет связь другого документа и текущего.

 

TYPE - указывает вид и параметры данных , например, присоединенной таблицы стилей (CSS).

 

Тэг <LINK> не создает ссылку, как тэг <A>, но обеспечивает связь с внешними документами.

 

REL и REV нужны, чтобы браузер мог правильно использовать связанные документы.

У этих параметров множество значений, некоторые значения REL:

bookmark, copyright, content, glossary, help, home, index, toc, next, previous.

Значения REV: author, editor, publisher, owner, made.

 

 

Первая строчка указывает на связь с файлом оглавления (toc.html — table of contents) с прямым отношением contents. Вторая строка описывает связь с URL адресом автора документа (с обратным отношением made - т-е "сделанный" автором).

 

Расшифровка значений такова:

 

REL

 

bookmark - закладка

 

copyright - авторское право, или копирайт

 

content - содержание (наполнение)

 

glossary - справочник, каталог

 

help - файл помощи

 

home - домашняя страница

 

index - предметный указатель

 

toc - таблица контента

 

next - следующий документ

 

previous - предыдущий документ

 

REV

 

author - автор (если указывается страница автора, или его емейл)

 

editor - редактор (если указывается страница редактора, или его емейл)

 

publisher - публикатор,(если указывается страница публикатора, или его емейл)

 

owner - владелец (если указывается страница владельца документа, или его емейл)

 

made. - "сделанный" (если указывается страница изготовителя документа, или его емейл)

 

Хоть на первый взгляд значения параметра REV и схожи между собой по смыслу, на самом деле

 

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

 

Тэг <META>

 

Этот тэг позволяет определять информацию, не имеющую отношения к HTML.

Эта информация используется браузером для совершения каких-либо действий.

Для создания первых HTML документов этот тэг вам вряд-ли понадобится. Зато он очень

 

пригодится вам в будущем, при создании более сложных страниц.

 

 

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

 

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

 

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

 

Для указания какого-либо свойства есть параметр NAME, а параметром CONTENT, указывается значение этого свойства.

 

Например:

 

 

Некоторые другие параметры для этого тэга:

 

HTTP-EQUIV - определяет свойства тэга

 

URL - определяет адрес документа для свойства

 

Также можно использовать тэг <META> для указания кодировки текста. Многие считают эту функцию ненужной, и в результате, при просмотре некоторых страниц вместо текста отображается куча непонятных каракулей.

 

К примеру для текста на русском языке в кодировки WIndows нужно написать вот это:

 

 

Тэг BODY

 

Как я уже рассказывал в прошлом уроке - тэг <BODY> - это "тело" страницы, т,е, все содержимое документа находится между этими тэгами.

 

У этого тэга есть множество параметров, но ни один из них не является обязательным:

 

ALINK - позволяет выбрать цвет активной ссылки (при наведении на нее курсором)

 

LINK - позволяет выбирать цвет не просмотренной ссылки

 

VLINK - позволяет выбирать цвет просмотренной ссылки

 

BACKGROUND - позволяет использовать как фон какую-либо картинку, путем указания ссылки на

 

нее.

 

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

 

BGPROPERTIES - если поставить значение FIXED фоновая картинка не будет прокручиваться вместе

 

со страницей.

 

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

 

RIGHTMARGIN - позволяет устанавливать границу правого поля документа.

 

LEFTMARGIN - позволяет указывать границу левого поля документа.

 

BOTTOMMARGIN - позволяет установить границу нижнего поля документа.

 

SCROLL - позволяет установить полосы прокрутки.

 

TEXT - позволяет определить цвет текста.

 

На сегодня все. Подробней о графическом оформлении, а также форматировании текста я расскажу в следующем уроке.

 

До новых встреч, с вами был Felix 17, ваш проводник в мире программирования и Web - дизайна

Изменено 28 октября 2009 пользователем NULL

[Felix 17 0]

Администрации просьба этот пост не трогать - тут лежат не влезшие в урок картинки.