Основы языка HTML. Часть первая

Черновой вариант HTML 5 появился в Интернете 20 ноября 2007 года. Параллельно велась работа по дальнейшему развитию HTML под названием XHTML (Extensible Hypertext Markup Language – «расширяемый язык разметки гипертекста»). XHTML по своим возможностям сопоставим с HTML, однако предъявляет более строгие требования к синтаксису.

ХHTML создан для хранения структурированной информации. Названия тегам задает разработчик и выбирает их так, чтобы они соответствовали содержанию элемента. Теги в могут содержать атрибуты. Имена атрибутов набор их значений также задаются разработчиком. Язык ХHTML является универсальным средством для создания структур данных, которые можно использовать для самых разных надобностей, в том числе, хранить в ХML – файле настроенные данные для компьютерной программы или использовать для создания гипертекстовой страницы. На базе ХML можно строить другие языки разметки.

Вариант XHTML 1.0 был одобрен в качестве рекомендации Консорциума всемирной паутины 26 января 2000 года.

Спецификация XHTML 2.0 разрывает совместимость со старыми версиями HTML и XHTML. Группой WHATWG (Web Hypertext Application Technology Working Group) разрабатывалась спецификация Web Applications 1.0, часто неофициально называемая HTML 5, которая расширяет HTML для лучшего представления семантики различных типичных страниц, которые не очень удачно вписываются в модель XHTML 2.

На уровне первой версии языка ХHTML не дает практически никаких преимуществ по сравнению с последней версией языка HTML, но синтаксические требования в языке HTML существенно выше, что, с одной стороны, усложняет использование этого языка, а с другой – дисциплинирует разработчиков, которые привыкли относиться к гипертекстовому коду небрежно, считая, что браузер додумает за них (что он и делает, исправляя ошибки в HTML – коде по своему усмотрению).

Завершение эпохи совершенствования HTML не означает отказ разработчиков от использования этого языка. HTML продолжает свою жизнь и в качестве подмножества ХHTML, и в «частном» виде – как простой инструмент разработки сайтов.

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

Документ, выполненный в формате HTML, называется HTML-документом, web-документом или web-страницей. Такие страницы, как правило, имеют расширение HTM или HTML.

Группа Web-страниц, взаимосвязанных общими гиперссылками, образует структуру, которая называется Web-узлом или Web-сайтом.

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

Теги HTML

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

При отображении документа в браузере сами теги не отображаются, но влияют на способ отображения документа. Когда HTML-документ открывается в браузере, он просматривает HTML-код, находит в нем теги, и использует их для вставки изображений, изменения вида текста, создания ссылок на другие страницы и др.

Тег HTML состоит из следующих друг за другом в определенном порядке элементов:

– левой угловой скобки <

– слэша (/), который означает, что тег является конечным, закрывающим некоторую структуру;

– имени тега;

– необязательных атрибутов;

– правой угловой скобки>.

Например: <H1>, <H1 ALIGN=LEFT>

В общем виде тег можно записать так:

<TEГ АТРИБУТ_1=ЗНАЧЕНИЕ_1 АТРИБУТ_2=ЗНАЧЕНИЕ_2 … АТРИБУТ_N=ЗНАЧЕНИЕ_N> Обрабатываемое значение </ТЕГ>

HTML-тэги могут быть условно разделены на две категории:

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

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

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

Например: <H1> Foreword </H1>

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

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

Например, <ТЕГ1> <ТЕГ2> Обрабатываемое значение </ТЕГ2> </ТЕГ1>

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

Регистр букв в написании тегов не имеет значения, их можно вводить как большими, так и маленькими буквами. Например, <body>, <BODY> и <Body> будут восприняты браузером одинаково, хотя общепринято использовать прописные буквы, чтобы теги отличались от обычного текста документа.

Если по ошибке в теге указано ключевое слово, отсутствующее в языке HTML, то тег игнорируется целиком.

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

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

Некоторые теги, например <HR>, являются непарными. Т.е. у них нет закрывающегося тега.