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

Основные понятия HTML

HTML (HyperText Markup Language) - язык разметки гипертекста - предназначен для создания Web-страниц.

Под гипертекстом в этом случае понимается текст, связанный с другими текстами указателями-ссылками.

HTML представляет собой достаточно простой набор кодов, которые описывают структуру документа. HTML позволяет выделить в тексте отдельные логические части (заголовки, абзацы, списки и т.д.), поместить на Web-страницу подготовленную фотографию или картинку, организовать на странице ссылки для связи с другими документами.

HTML не задает конкретные и точные атрибуты форматирования документа. Конкретный вид документа окончательно определяет только браузер на компьютере пользователя Интернета.

HTML также не является языком программирования, но web-страницы могут включать в себя встроенные программы - скрипты на языках Javascript и Visual Basic Script и программы - апплеты на языке Java.

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

Основными компонентами HTML являются:

Код.

HTML-код – уникальная последовательность символов, благодаря которой веб - страница приобретает свой неповторимый внешний вид. Код для веб - страницы – все равно, что ДНК для человека.

Код любой веб - страницы можно просмотреть тремя способами:

1) Вызвать контекстное меню браузера, и выбрать пункт о просмотре исходного кода.

2) Нажать сочетание клавиш Ctrl+U.

3) Открыть страницу с помощью блокнота.

Второй способ не работает в Internet Explorer. А последний способ доступен только в том случае, если страница сохранена на носителе вашего компьютера.

Элемент

Элемент – это основа HTML, звено для построения кода, его неделимая единица. Любой код, который вы напишете для создания веб - страницы, будет состоять из элементов.

Элемент HTML представляет собой символ или сочетание символов.

Примеры элементов: p, br, h1, img, meta, table, strong, address, basefont

Набор применяемых в HTML элементов строго ограничен. В своем коде вы можете использовать только их.

Тег

Тегом называется элемент, заключенный в угловые скобки. В коде страниц пишутся именно теги, а не сами элементы. Регистр букв в написании тегов не имеет никакого значения. Т.е. записи <b> и <B> абсолютно идентичны.

HTML-тэг записывается в угловых скобках (< >) и состоит из имени, за которым может следовать список атрибутов (для большинства тэгов необязательный). Имена и атрибуты представляют собой английские слова и аббревиатуры и почти всегда их смысл прозрачен. Записывать тэги можно в любом регистре – прописными или строчными буквами.

Тэги можно разделить на две большие группы.

Тэги одной группы, называемые контейнерами, воздействуют на часть документа, заключенную между ними. Они имеют два компонента: открывающий (начальный) и закрывающий (конечный). Закрывающий тэг имеет то же название, что и открывающий, но перед его названием ставится косая черта (символ /). Между открывающим и закрывающим тэгами могут располагаться текст или другие тэги.

Автономные(одиночные) тэги не имеют конечного компонента. Они вызывают однократное действие или при их интерпретации в отображаемый документ вставляется тот или иной объект. Например, тэг <IMG SRC="pict.gif"> вызывает вставку рисунка из файла pict.gif, расположенного в той же папке, что и сам HTML-документ.

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

Примеры тэгов с атрибутами:

<BODY BGCOLOR="LIGHTBLUE"> – задает светло-синий фон для документа,

<FONT SIZE="+2" COLOR="RED"> текст </FONT> – парный тэг, дает указание браузеру вывести заключенный в "контейнер" текст символами, увеличенными относительно базового размера (SIZE="+2") и красного цвета (COLOR="RED").

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

Документ HTML всегда начинается с тега <HTML> и заканчивается закрывающим тегом </HTML>.

Внутри документа выделяют два основных раздела: раздел заголовков и тело документа, идущие друг за другом.

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

Каждый HTML-документ должен иметь заголовок, он показывается отдельно и используется, прежде всего, для идентификации документа (например, при поиске). Тег заголовочной части документа должен быть использован сразу после тэга <HTML> и более нигде в теле документа. Данный тег представляет собой общее описание документа. Заголовок должен описывать цель документа и содержать не больше 5-6 слов. Практически во всех браузерах заголовок документа виден в верхней части экрана (окна).

Заголовок окна Web - страницы устанавливается внутри контейнера <HEAD>.

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

Содержимое тега <HEAD> не отображается напрямую на веб-странице, за исключением тега <TITLE> устанавливающего заголовок окна Web - страницы.

<HEAD><TITLE>Заголовок</TITLE></HEAD>

Внутри контейнера <HEAD> допускается размещать следующие элементы: <BASE>, <BASEFONT>, <BGSOUND>, <LINK>, <META>, <SCRIPT>, <STYLE>, <TITLE>.

Синтаксис:

<HEAD>

…..

</HEAD>

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

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

Элемент <BODY> предназначен для хранения содержания Web - страницы (контента), отображаемого в окне браузера. Информацию, которую следует выводить в документе, следует располагать именно внутри контейнера <BODY>. К такой информации относится текст, изображения, теги, скрипты JavaScript и т.д.

Тег <BODY> также применяется для определения цветов ссылок и текста на Web - странице.

Часто тег <BODY> используется для размещения обработчика событий, например, onload, которое выполняется после того, как документ завершил загрузку в текущее окно или фрейм.

Открывающий и закрывающий теги <BODY> на Web - странице не являются обязательными, однако хорошим стилем считается их использование, чтобы определить начало и конец HTML - документа.

Простейший документ HTML, содержащий все теги, определяющие структуру, имеет вид:

<HTML>	Начало HTML-документа
<HEAD>	Начало головной части
<TITLE>	Начало строки названия страницы
Заголовок документа	Строка названия страницы
</TITLE>	Конец строки названия страницы
</HEAD>	Конец головной части
<BODY>	Начало тела документа
Тело документа
</BODY>	Конец тела документа
</HTML>	Конец HTML-документа

Метатеги

Кроме элемента <TITLE>...</TITLE>, заголовок может содержать мета – теги <META>...</META>.

Метатеги - это теги языка HTML, содержащие различную служебную информацию. <МЕТА> - тег используется в пределах заголовка страницы и предназначен для того, чтобы включить любую полезную информацию, не определенную другими HTML тегами. Такая информация может быть извлечена серверами/клиентами для использования в идентификации, индексации и создании каталогов страниц. Метатеги размещаются в заголовке страницы (между тегами <HEAD> и </HEAD>) и имеют формат:

<META Name="имя" Content="значение">

<META Http-equiv="имя" Content="действие">

Условно метатеги можно разделить на три группы:

- содержащие управляющие команды для браузера;

- содержащие управляющие команды для поисковых систем;

- содержащие информацию о странице и ее авторе.

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

Тип и кодировка документа: META HTTP-EQUIV = "CONTENT-TYPE"

<META Http-equiv="content-type" Content="text/html; charset= windows -1251"> - кодировка Windows.

Основное назначение этого тега - сообщение браузеру об используемой кодировке. Использовать метатег content-type надо только с учетом некоторых нюансов.

- кодировка символов текста должна соответствовать кодировке, указанной в теге.

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

- если сервер меняет кодировку текста, он должен скорректировать или удалить мета тег content-type.

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

Некоторые из возможных типов кодировки:

· ISO-8859-1- Latin-1, для большинства западноевропейских языков;

· Windows-1251- Кириллица (Windows);

· KOI8-r- Кириллица (КОИ8-Р);

· cp866- Кириллица (DOS);

· Windows-1252- Западная Европа (Windows);

· Windows-1250- Центральная Европа (Windows).

<12 3 4 5 6 7 >

Дата добавления: 2016-09-26; просмотров: 4097;