Общая схема исходного кода документа HTML

2020-03-17

228

Обсуждений (0)

0.00 из 5.00 0 оценок

Предыдущая 1 2 3 4 5 678 9 10 11 Следующая

<! DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 3.2 // EN ">

<HTML>

<HEAD>служебные дескрипторы </HEAD>

<BODY>

текст и прочие дескрипторы

</BODY>

</HTML>

6.3.4 Элемент < HEAD >

Область, обозначаемая тэгами <HEAD> и </HEAD> служит только для формирования общей структуры документа, задавая его глобальные свойства. Информация находящаяся в этом разделе документа является служебной и необходима программе браузеру пользователя. Она допускает вложение между дескрипторами следующих элементов: <TITLE>,<BASE>,<ISINDEX>,<LINK>,<META>,<STYLE>.

6.3.5 Создание титула документа с помощью элемента <TITLE>

При помощи данного дескриптора создается краткое однострочное название страницы, которое выводится в заголовке окна браузера, рядом с названием самого браузера. Если титул опускается разработчиком страницы, браузер попытается сгенерировать его из названия файла. Рекомендуется делать длину титула минимальной и одновременно с этим информативной. Синтаксис: <TITLE> текст </TITLE>

6.3.6 Разрешение относительных ссылок с помощью элемента <BASE>

Данный элемент автоматически задаёт URL для относительных ссылок документа, которые по умолчанию указывают на тот же сервер, где расположена сама страница. Однако этот дескриптор позволяет разрешать также ссылки относительно других каталогов и серверов. Элемент <BASE> имеет один лишь атрибут HREF и не имеет конечного тега. Синтаксис: <BASE HREF="протокол://имя сервера/путь">

Здесь протокол соответствует схеме извлечения данных Internet, например, HTTP, a имя сервера соответствует имени или IP-адресу сервера, например, www.microsoft.com, путь определяет расположение ресурса в иерархии каталогов предыдущего сервера. Путь является необязательным компонентом указателя URL. Если протокол и имя сервера будут опущены, то указатель по умолчанию будет относиться к текущему серверу. Это очень полезный элемент он избавляет разработчика от необходимости вносить множественные коррективы в ссылках исходного кода документа, например, при размещении копии документа на другом сервере. Достаточно лишь вставить в заголовок копии элемент <BASE> с именем прежнего сервера и тогда целый узел будет отзеркален лишь копией одного файла, а ссылки будут адресоваться по прежнему адресу.

Обеспечение поиска при помощи элемента <ISINDEX>

Элемент <ISINDEX> используется во время проведения интерактивного поиска на Web странице. Этот элемент вставляется в документ, сгенерированный сценарием CGI, и предоставляет пользователю сформулировать критерии поиска. При этом любой введённый в приглашении текст склеивается с URL самого документа и пересылается сценарию CGI для обработки в форме URL?слово1+слово2+...+словоN. Это стандартный синтаксис для возврата значений сценариям CGI, согласно которому знак вопроса соответствует началу строки данных, а каждый плюс соответствует пробелу. Дескриптор внедряется в документы исключительно ради сценариев CGI, для предоставления пользователю возможности поиска по заданным словам. Он поддерживает атрибуты : prompt который позволяет изменять текст приглашения и action , последний указывает сценарий или программу, которой будет передан критерий поиска. Синтаксис: <ISINDEX prompt="строка" action="сценарий">Где строка и задаёт текст приглашения длиной не более 35 символов.

6.3.8 Взаимосвязь между документами с помощью элемента <LINK>

Справедливости ради, надо отметить, что этот элемент используется довольно редко, хотя и появился он в самой первой версии языка HTML. Этот дескриптор можно использовать для создания в документе панелей инструментов и меню, для определения последовательности печати файлов HTML и для связывания таких ресурсов, как таблицы стилей и сценарии. С дескриптором <LINK> используется ряд атрибутов :- Указатель URL связанного документа.

rel - Атрибут указывает как связаны документы с заданным атрибутом href . Ему могут быть присвоены значения Present, History, Made, Annotation и Precede . Например: <LINK rel=Annotation href="annotations.html">означает, что все аннотации для текущего документа расположены в файле annotations.html.

rev - Атрибут во многом похож на rel ему могут быть присвоены те же значения. Например: <LINK rev=Annotation href="master.html"> означает, что текущий документ содержит аннотации к файлу master.html.- Атрибут относится к href и задает название документа, на который ссылается href .Естественно, что значение атрибута должно соответствовать значению дескриптора <TITLE>.- Позволяет назначить ссылке на фрагмент текущего документа более описательное имя.- Позволяет указать метод извлечения документа, например, FTP, Gopher и т. д.- Позволяет указать информацию о языке документа, например: ru, en, fr.- Позволяет указать информацию о целевом фрейме.- Позволяет указать кодировки символов документа.

В настоящее время элемент <LINK> используется только для ссылок на внешние таблицы стилей. Например: <LINK rel=stylesheet href="style.css" type="text/css">,где style.css файл, который содержит набор дескрипторов <style> и любые другие определения таблицы стилей.

6. 4 Элемент < HEAD >

6.4.1 Предоставление дополнительной информации о документе с помощью <META>

Элемент предоставляет дополнительные сведения о способе обработки документа, он позволяет поисковым машинам идентифицировать и классифицировать документ без его загрузки. Элемент поддерживает парные атрибуты, первый из которых name определяет тип данных, а второй content - содержание. Атрибут name используется приложением-клиентом (броузером)для получения дополнительной информации о документе. Его часто заменяют элементом http-equiv , который используется сервером для создания дополнительных полей при выполнении запроса. В этом случае тэг <META> с атрибутом будет включен в заголовок ответа браузера.

Другими словами атрибут name используется с целью предоставления сведений о документе, которые могут пригодиться при его поиске, а элемент http-equiv поручает выполнение каких либо действий серверу . Например: <META HTTP-EQUIV="Window-target" CONTENT="_top">

Использование элемента http-equiv со значением "refresh" позволяет организовать принудительное обновление страницы с некоторым промежутком времени или загрузку нескольких страниц с определенным интервалом, что незаменимо при создании страниц, где публикуются непрерывно меняющиеся данные (скажем курсы валют или акций). Значение элемента content в этом случае означает промежуток между обновлениями в секундах, так если оно равно нулевому значению - страница будет обновляться непрерывно.

<META HTTP-EQUIV="Refresh" content="5; URL=http://www.arcus.lv/dimas/index.html"> Перезагрузка документа.

<META HTTP-EQUIV="Expires" content="Дата"> Дата, обозначающая срок годности документа, при его значении равном "0" документ будет подгружаться не из кэша а с сервера.

<META HTTP-EQUIV="Reply-to" content="Имя@Адрес"> Адрес электронной почты .

<META HTTP-EQUIV="Content-Type" content="text/html; charset=windows-1251"> Описание типа и характеристик документа.

<META HTTP-EQUIV="Content-language" content="en"> Описание языка документа.

<META HTTP-EQUIV="Cache-Control" content="no-cache"> Контроль за кэшированием документа.

Может принимать значения:store - не сохраняется.cache - не сохраняется в кэш.- доступен для любого кэширования.- кэшируется в частных кэшах.

<META HTTP-EQUIV="Window-target" content="_top"> Определяет способ появления новых окон браузера.

<META HTTP-EQUIV="pragma" content="no-cache"> Контроль за кэшированием документа.

имя - любая строка без запятых, пробелов и переходов на след.стр. (обязательный парaметр)

дата - дата истечения срока хранения в формате: Sun, 25-Feb-01 12:00:01 GMT , если не задан, то cookie не сохраняется (необязательный парaметр)

имя домена - домен для которого действительно значения cookie , если не задан, то тот сервер, где лежит сайт (необязательный парaметр)

путь - путь к документам домена, для которого действительно значения cookie, если не задан, тогда тот каталог, где лежит сайт (необязательный парaметр)-указывается только тогда, когда применяется защищенный режим SSL, если не задан, тогда информация передается в обычном режиме (необязательный парaметр)

Установка Cookie для браузера в том случае, когда надо сохранить информацию в компьютере посетителя и при необходимости к ней обратиться. Работает так: браузер, встретив такую конструкцию, записывает файл .txt с данными ввиде имя/значение и хранит в кэше, в следующий раз он сверяет все свои cookie на предмет полного совпадения, и если находит, то отсылает серверу как HTTP заголовок. Конечно, в настройках cookie должны быть разрешены, каждый cookie не может превышать 4 kB (если больше, то отсекается кусок вначале записи) всего их может храниться до 300, причем с одного сервера не больше 20 (если больше, то последние пишутся поверх первых)

<META name="Author" content="Имя автора"> Имя автора документа.

<META name="Keywords" lang="ru" content="Слово1,слово2,слово3 ..."> Набор ключевых слов для поиска.

<META name="Title" content="Название"> Название станицы.

<META name="Robots" content="index,nofollow"> Указание индексации поисковыми роботами данного документа

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

<META name="Description" content="Содержание"> Краткое однострочное описание содержания документа.

<META name="Document-state" content="Dynamic"> Определяет единовременную либо постоянную индексацию документа поисковыми системами.

Может принимать значения:- индексировать единожды.- индексировать многократно.

<META name="Generator" content="Название"> Название приложения, в котором был создан документ.

<META name="Copyright" content="Условия"> Условия копирования и распространения документа.

Если данная машина подключена к Internet для автоматизации написания META-тэгов можно воспользоваться формой-генератором ( http://www.rfvnu.lg.ua/meta-form.html ).

. 4 .2 Определение стиля страницы с помощью <STYLE>

Применение дескрипторов <STYLE> и </STYLE> само по себе является отдельным способом форматирования документа, когда текст форматируется целиком автоматически. Между дескрипторами <STYLE> и </STYLE> указывается описание стилей документа HTML, определяющих свойства элементов, классов, идентификаторов и общих стилей. Внутри дескриптора <STYLE> должны находиться атрибуты:- Атрибут описывает тип таблиц стилей. Например: <STYLE TYPE="text/javascript">

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

6.5 Элемент <BODY>. Структурное форматирование

. 5 .1 Элемент <BODY>

Элемент <BODY> предназначается для выделения той части документа, которая будет визуализирована для пользователя. Он имеет как начальный, так и конечный теги. Начальный тег <BODY> может иметь несколько атрибутов .

Вложенные атрибуты элемента <BODY>- Атрибут задает графическое изображение, которое как черепица заполнит фон документа. Файл с изображением должен быть сохранен в формате GIF или JPEG. Синтаксис: <BODY BACKGROUND="(URL)(путь)имя файла"> В данном случае файл с изображением фона лучше размещать в том же каталоге, что и сам файл, тогда (URL) и (путь) указывать не нужно.- Этот атрибут задает цвет фона документа при помощи шестнадцатеричных значений интенсивности цветов RGB , или при помощи строчного литерала, соответствующего названию цвета. Синтаксис: <BODY BGCOLOR="#ff0000"> или <BODY BGCOLOR="RED">- Этот атрибут задает используемый по умолчанию цвет текста, который не является гиперссылкой. По умолчанию такой текст будет черным. Синтаксис: <BODY TEXT="цвет">Этот атрибут задает цвет гиперссылки, в большинстве браузеров он задан по умолчанию темно синим. Синтаксис: <BODY LINK="цвет" >- Этот атрибут задает цвет активной гиперссылки, он меняет цвет гиперссылки в момент щелчка по ней мышью, не желательно задавать ему цвет фона по понятным причинам. Синтаксис: <BODY ALINK="цвет" >- Этот атрибут задает цвет посещенной гиперссылки, не желательно задавать ему цвет фона и цвет атрибута LINK по понятным причинам. Синтаксис: <BODY VLINK="цвет">- Этот атрибут задает свойства фонового изображения. В данный момент браузерами поддерживается единственное его значение fixed, запрещающее скроллинг изображения. Синтаксис: <BODY BGPROPERTIES="fixed" >- Этот атрибут задает верхнюю границу страницы в пикселях. Синтаксис: <BODY TOPMARGIN=число >- Этот атрибут задает нижнюю границу страницы в пикселах. Синтаксис: <BODY BOTTOMMARGIN=число >- Этот атрибут задает границу страницы в пикселях слева. Синтаксис: <BODY LEFTMARGIN=число >Этот атрибут задает границу страницы в пикселях справа. Синтаксис: <BODY RIGHTMARGIN=число >

2020-03-17

228

Обсуждений (0)

0.00 из 5.00 0 оценок

Предыдущая 1 2 3 4 5 678 9 10 11 Следующая

Обсуждение в статье: Общая схема исходного кода документа HTML

Обсуждений еще не было, будьте первым... ↓↓↓