Обучающие курсы:

Обучение профессии "Разработчик C#" + стажировка в Mail.ru
Обучение профессии "Разработчик Python" + трудоустройство
Обучение профессии "Веб-разработчик" + стажировка в Mail.ru


Главная страница
Библиотека (скачать книги)
Скачать софт
Введение в программирование
Стандарты для C++
Уроки по C#
Уроки по Python
HTML
Веб-дизайн
Ассемблер в среде Windows
ActiveX
Javascript
Общее о Линукс
Линукс - подробно
Линукс - новое
Delphi
Паскаль для начинающих
Турбопаскаль
Новости
Партнеры
Наши предложения
Архив новостей



  • Офтальмоскоп прямой

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

    www.ophtalmoscope.ru



Структура документа, написанного в HTML-формате.

Язык HTML – это, проще говоря, набор определенных правил. Каждому такому правилу соответствует свое название, свойство или значение. Например, чтобы задать правило жирного обозначения текста, следует использовать такую HTML-конструкцию:
<В>Обыкновенный текст</В>

Как мы видим, текст, который должен отображаться жирным, обособлен символами <в>, а также </в>. Такие группы называют еще «тегами». Теги бывают одинарными и парными. В случае с вышеуказанным примером тег </в> парный, т. к. он закрывает HTML-конструкцию вместе с прямым слэшем - символом "/". Но иногда теги, которые необходимо закрывать парным тегом, называют еще тегами- контейнерами.

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

Кроме того, параметры, а также их значения могут либо вообще отсутствовать у какого-то определенного тега, либо считаться необязательными, а также устанавливаемыми только в случае изменения стандартных характеристик тега:
<TABLE WIDTH="100%" BORDER>

В приведенном примере для тега построения таблицы <TABLE> один параметр (WIDTH) указан со значением, другой (BORDER) такового не содержит.
Некоторые теги могут указываться вообще безо всяких параметров (например, принудительный перенос строки <BR>). Другие теги могут включать несколько значений одного параметра ("INDEX, FOLLOW" для метаопределения "robots").

Приступим к непосредственному строению нашего HTML-документа. Любой такой документ содержит три обязательных части: HTML, HEAD, а также BODY. Рассмотрим подробнее каждую такую часть, или раздел.

Итак, первый - раздел «HTML»
Этот раздел определяет специфику документа, содержание которого будет интерпретироваться браузером. Раздел описывается тегом-контейнером <HTMLX/HTML>, а также дает браузеру информацию о том, что документ разработан с помощью языка разметки HTML. В предыдущих версиях языка тег <HTML> использовался с некоторыми параметрами, однако спецификация 4.0 отменила это правило (в принципе, сегодня большинство браузеров способно распознать HTML-документ, а также без указания данного тега, тем не менее, пропускать раздел HTML разработчикам не рекомендуется).

Следующий раздел – «HEAD».
Раздел HEAD выполняет функцию рабочего заголовка HTML-документа и является, по сути, "бойцом невидимого фронта" - - теги, указываемые внутри этого раздела, чрезвычайно важны, кроме того могут сильно влиять на внешний вид документа, но сами остаются незаметными глазу пользователя. Данному разделу сопоставлен парный тег <HEADX/HEAD>.
Теперь давайте разберем теги HTML, которые указываются внутри раздела HEAD.

Название документа <TITLE>
Парный тег <TITLEX/TITLE> предназначен для указания имени созданному электронному документу. Следует помнить, что под именем документа в данном случае имеется в виду не файловое наименование, а визуальный заголовок HTML-страницы.

Указание конструкции <TITLEX/TITLE> не является обязательным, однако рекомендуется по ряду причин:
- отсутствие тега названия документа заставит браузер при интерпретации HTML-кода вывести в заголовке окна фразу типа Untitled Document ( или иначе - документ без названия), что не соответствует ни тематике вашего электронного документа, ни его наполнению;
- при попытке добавить созданный вами HTML-документ (без тега- контейнера <TITLEX/TITLE>) в "закладки" браузера пользователю придется самостоятельно вписывать название добавляемой страницы;
- поисковые системы, столкнувшись с безымянной страницей, занесут ее в свои базы данных под заголовком Untitled, что сделает HTML-документ безликим, сильно похожим на миллионы других электронных документов, размещенных в Интернете.

Связь между документами <LINK>
Часто бывает так, что несколько различных документов структурно или функционально взаимосвязаны между собой. В этом случае используется тег <LINK>, который не является парным, а значит не требует указания закрывающего тега:
<LINK HREF="styles/main.ess" TYPE="text/css" REL="stylesheet">

Приведенный пример показывает отношение между HTML-документом, в разделе HEAD которого указана данная кодовая конструкция – с одной стороны,а также внешним файлом шаблона стилей main.ess – с другой.

Возможные параметры тега <LINK> приведены ниже:
Параметр HREF - ссылка на внешний документ
Параметр TYPE указывает тип внешнего документа
Параметр REL указывает отношение между внешним документом, а также текущим. Вообще параметр rel используется очень часто в современных документах. Наиболее часто вы сможете встретить использование этого параметра rel для связи с документами таблиц стилей css.
Параметр REV указывает на отношение между текущим документом и внешним

Мета-определения <МЕТА>
Мета-определения электронного документа описываются целым рядом параметров, входящих в состав непарного тега <МЕТА>, кроме того - также предназначеных для описания внутренних свойств HTML-файла.
Все мета-определения, в сущности, имеют два основных типа данных: НТТР- EQUIV, а также NAME. Первый можно отождествить с заголовками протокола пере- дачи гипертекстовых данных HTTP — (HyperText Transfer Protocol). Структура мета-тега этого типа выглядит так:
<МЕТА HTTP-EQUIV="MMH" СОЫТЕМТ="содержание">

Рассмотрим кодовые конструкции по данному типу мета-определений (с использованием соответствующих параметров HTML).
МЕТА HTTP-EQUIV="expires"
Конструкция определяет возможность запрета кэширования HTML-страниц за счет указания даты устаревания документа ( принудительный запрет на кэширование HTML актуален для интернет- ресурсов с динамически изменяющимся содержанием). По истечении срока, указанного в этом параметре, принудительный запрет кэширования говорит, что браузер при повторном обращении к документу будет перенаправлен к источнику для обновления информации. Значение параметра CONTENT описывается в следующей последовательности: день недели (Mon, Tue, Wed и тому подобное), число (01, 02, 03 и прочее), месяц (Jan, Feb, Маг...), год, время (часы, минуты, секунды), а также часовой пояс (GMT): <МЕТА HTTP-EQUIV="expires" CONTENT="Sat, 25 Jan 2003 15:30:00 GMT"> Приведенный пример говорит о том, что в субботу, 25 января 2003 года, в 15 часов 30 минут по Гринвичу "срок годности" HTML-документа истечет, что потребует от браузеров обновления данных при обращении к содержанию страницы.
МЕТА HTTP-EQUIV="refresh"

Такая конструкция указывает браузеру перезагружать содержимое окна через заданный промежуток времени. При добавлении дополнительного параметра URL через указанное время (в секундах) будет произведена переадресация на внешний адрес.
Следующий пример дает браузеру команду ровно через 10 секунд перенаправить посетителя по адресу http://www.тот или иной сайт.ru:
<МЕТА HTTP-EQUIV="refresh" CONTENT="10; URL=http://www.site.ru">

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

Изучение html сегодня необходимо не столько для того, чтобы на нем создавать сайты, сколько для того, чтобы корректировать работу движков для сайтов. И, наверное, самый лучший движок - Bitrix



     
 

Библиотека программиста. 2009.
Администратор: admin@programmer-lib.ru