Тема: Язык гипертекстовой разметки HTML: стандарты, браузеры и редакторы

План:

1. Общие сведения.

2. Браузеры и редакторы языка HTML

3. Синтаксис HTML

1. Общие сведения.

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

Язык гипертекстовой разметки HTML (HyperText Markup Language) был предложен Тимом Бернерсом-Ли в 1989 году в качестве одного из компонентов технологии разработки распределенной гипертекстовой системы World Wide Web.

Разработчики HTML пытались решить следующие з адачи:

· дать дизайнерам гипертекстовых баз данных простое средство создания документов

· сделать это средство достаточно мощным, чтобы отразить имеющиеся на тот момент представления об интерфейсе пользователя гипертекстовых баз данных

Первая задача была решена за счет выбора таговой модели описания документа. Такая модель широко применяется в системах подготовки документов для печати. Примером такой системы является хорошо известный язык разметки научных документов TeX, предложенный Американским Математическим Обществом, и программы его интерпретации.

К моменту создания HTML существовал стандарт языка разметки печатных документов - Standard Generalised Markup Language, который и был взят в качестве основы HTML. Предполагалось, что такое решение поможет использовать существующее программное обеспечение для интерпретации нового языка. Однако, будучи доступен широкому кругу пользователей Internet, HTML зажил своей собственной жизнью.

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

Версии языка:

· HTML 1.0 - была направлена на представление языка как такового, где описание его возможностей носило скорее рекомендательный характер

· HTML 2.0 - фиксировала практику использования конструкций языка

· HTML++ - новые возможности

· HTML 3.0 - призвана упорядочить все нововведения и согласовать их с существующей практикой

· В мае 1996 года появился стандарт версии 3.2. За стандарт несет ответственность организация – WWW-Консорциум (W3C - world wide web consortium), она представляет собой объединение представителей промышленности и науки.

· 18 декабря 1997 года вышел первый релиз W3C спецификации на HTML 4.0. Второй выпуск (24 апреля 1998 года) содержал некоторые редакторские корректировки.

· 24 Декабря 1999 года вышел стандарт HTML 4.01 – исправлены некоторые ошибки предыдущего стандарта – 4.0

· Наличие стандарта предполагает необходимость в специальной программе (собственно VALIDATOR), которая проверяет наличие в HTML-документе нарушение спецификаций, согласно которой составлен документ, если эти нарушения там действительно есть.

Принципом построения и интерпретации HTML является таговая модель документа:

"элемент":= <"имя элемента" "список атрибутов"> содержание элемента </"имя элемента">

Язык HTML не является языком программирования компьютеров. Это просто набор кодов разметки, которые структурируют и задают стиль текста и графики, имеющихся на странице Web. Изучение HTML является, по сути, изучением этих тегов разметки и их использования для задания стиля страниц Web.

Язык разметки гипертекстовых документов HTML представляет собой совокупность команд, называемых тэгами (от англ. tag). Встречающиеся в тексте документе HTML-тэги интерпретируются браузером при отображении документа. Целый ряд тэгов указывают браузеру, как надо отформатировать текстовый фрагмент (задают размер, цвет, начертание, выравнивание текста). Другие теги определяют графическое оформление (фон документа, вставка изображений), задают активные зоны и т.д. Каждый из многих десятков тегов позволяет задать какие-то параметры отображения документа.

2. Браузеры и редакторы.

В Интернет представлены разные типы информационных ресурсов, передача которых с компьютера на компьютер подчиняется определенным сетевым протоколам. Для гипертекстовых документов системы WWW это протокол http (HyperText Transfer Protocol - протокол передачи гипертекстов, то есть тех самых HTML-документов, о которых идет речь). Обмен данными между компьютерами согласно определенному протоколу организуется программами двух типов: программами-серверами и программами-клиентами. Браузер - синоним программы-клиента.

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

За годы развития Интернет был создан целый ряд программ просмотра гипертекстовых документов, но сейчас с большой долей уверенности можно считать, что Ваша потенциальная аудитория использует либо Netscape Communicator (Netscape Navigator) фирмы Netscape Communications Corporation, либо Microsoft Internet Explorer фирмы Microsoft Corporation. Каждая из этих фирм постоянно развивает и дорабатывает свой браузер, выпуская все новые версии.

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

· браузеры разных фирм иногда по-разному интерпретируют встречающиеся в HTML-документе теги;

· есть теги, поддерживаемые только браузерами конкретной фирмы;

· браузеры устаревших версий "не понимают" тегов, соответствующих новым стандартам.

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

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

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

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

Наиболее часто, все же, используют специализированные редакторы, предназначенные именно для подготовки HTML-документов. Все они по интерфейсу принципиально не отличаются друг от друга, позволяя вставлять команды HTML-разметки с помощью кнопок панелей инструментов либо команд меню и задавать атрибуты HTML-элементов в диалоговых окнах. При этом разработчик видит документ таким, каким он будет при просмотре с помощью браузера. Возможны также просмотр и правка исходного текста HTML-документа (Macromedia Dreamweaver, Microsoft FrontPage, FrontPage Express).

Также HTML-документ может быть получен преобразованием в HTML-формат, например, из формата документов пакета MS Office.

3. Синтаксис HTML

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

Элементы условно можно разделить на две группы. Большинство элементов (называемые также контейнерами) задаются с помощью трех компонентов: начальный тег, содержимое и конечный тег. В начальном теге в угловых скобках указывается имя элемента и список атрибутов, в конечном - только имя элемента, предваряемое символом слэш (/). Содержимое элемента располагается между начальным и конечным тегами и интерпретируется браузером согласно правилам, определенным в спецификации стандарта HTML. Например, элемент b (от английского bold) задает полужирное начертание для текста, расположенного между тегами <b> и <b>. Некоторые элементы могут вкладываться друг в друга, например, вложение элемента b (полужирное начертание) в элемент i (курсив) обеспечит полужирный курсив; фрагмент документа:

начало текста <i>один <b>два</b> три</i> продолжение текста

будет отображен браузером так:

начало текста один два три продолжение текста

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

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

Встретив такой тег в HTML-документе, браузер интерпретирует его, выводя изображение из файла cat. jpg, шириной 300 и высотой 200 пикселов. Кстати, элемент img относится к числу «автономных» и не имеет конечного тега.

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

Контрольные вопросы:

1. Что из себя представляет язык HTML?

2. В каком году и кем был изобретен язык HTML?

3. Задачи разработки языка HTML?

4. Какие стандарты на настоящий момент времени разработаны по HTML?

5. Что такое таговая модель документа?

6. Назначение программ-серверов и программ-клиентов?

7. Перечислите основные редакторы HTML­документов?

8. Что такое тэг?

9. Какие группы тэгов выделяют в HTML?

Домашнее задание:

Подготовить сообщения на темы «Спецификация HTML», «Поддержка тегов и параметров HTML-браузерами».

[8], с. 33-38

Поиск по сайту: