Язык гипертекстовой разметки HTML

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

Как известно, язык гипертекстовой разметки HTML был предложен Тимом БернерсомЛи в 1989 году в качестве одного из компонентов технологии разработки распределенной гипертекстовой системы WWW. В основу гипертекстовой разметки была положена тэговая модель описания документа, позволяющая представить документ в виде совокупности элементов, каждый из которых окружен тэгами. По своему значению тэги близки к понятию begin/end в универсальных языках программирования и задают области действия имен локальных переменных, определяют область действия правил интерпретации текстовых элементов документа и т. п. [4].

Общая схема построения элемента текста в формате HTML может быть записана в следующем виде:

" элемент" :=.

содержание элемента.

Конструкция перед содержанием элемента называется тэгом начала элемента, а конструкция, расположенная после содержания элемента, — тэгом конца элемента.

Структура гипертекстовой сети задается гипертекстовыми ссылками. Гипертекстовая ссылка — это адрес другого HTML документа или информационного ресурса Интернет, который тематически, логически или каким-либо другим способом связан с документом, в котором эта ссылка определена.

С задачей управления отображением во фреймы и окна тесно связано написание сценариев просмотра домашних страниц Web. Такие сценарии чаще всего пишутся на языке Java Script [9].

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

JavaScript также находит применение в качестве скриптового языка доступа к объектам приложений. Платформа Mozilla (XUL/Gecko) использует JavaScript. Среди сторонних продуктов, например, Java, начиная с версии 6, содержит встроенный интерпретатор JavaScript на базе Rhino. Сценарии JavaScript поддерживаются в таких приложениях Adobe, как Adobe Photoshop, Adobe Dreamweaver, Adobe Illustrator или Adobe InDesign.

JavaScript обладает рядом свойств объектно-ориентированного языка, но благодаря прототипированию поддержка объектов в нём отличается от традиционных ОО языков. Кроме того, JavaScript имеет ряд свойств, присущих функциональным языкам — функции как объекты первого уровня, объекты как списки, карринг (currying), анонимные функции, замыкания (closures) — что придаёт языку дополнительную гибкость.

JavaScript имеет C-подобный синтаксис, но по сравнению с языком С имеет следующие коренные отличия:

• 1. объекты, с возможностью интроспекции и динамического изменения типа через механизм прототипов
• 2. функции как объекты первого класса
• 3. автоматическое приведение типов
• 4. автоматическая сборка мусора
• 5. анонимные функции

Семантика языка JavaScript сходна с семантикой языка Self.

Java Script — это язык управления сценарием отображения документа. Все операции, которые можно исполнять в программе на JavaScript, описывают действия над хорошо известными и понятными объектам — элементами рабочей области программы Netscape Navigator и контейнерами языка HTML. В Java Script не реализованы классы объектов, наследование, инкапсуляция и полиморфизм. Имеются объекты с набором свойств и набор функций над объектами, которые называются методами. Функция пользователя выполняется по наступлении некоторого события: onChange, onClick, onLoad и др., а внутренние функции языка используются непосредственно.

Не вдаваясь в подробности описания Java Script, сконцентрируем внимание на контейнерах Java Script и примерах использования Java Script кодов. Контейнер … может использоваться как в заголовке, так и в теле документа [9].

Одним из принципов языка является многоуровневое вложение элементов. HTML является самым внешним, так как между его стартовым и конечным тегами должна находиться вся Web-страница. В принципе, этот элемент можно рассматривать как формальность. Он имеет атрибуты4 version, lang и dir, которыми в данном случае мало кто пользуется и допускает вложение элементов HEAD, BODY и PLAINTEXT, определяющих общую структуру Web-страницы. Естественно, что конечным тегом заканчиваются все гипертекстовые документы.

Область заголовка Web-страницы. Иными словами, ее первая часть. Так же как и HTML, HEAD служит только для формирования общей структуры документа. Этот элемент может иметь атрибуты lang и dir и допускается вложение элементов TITLE, ISINDEX, BASE, NAME, LINK, NEXTID.

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

Описание стиля некоторых элементов Web-страницы. В выше приведенном примере назначены шрифты для элементов Н2 и CODE. Естественно, что для каждого элемента существует стилевое оформление по умолчанию, поэтому употребление STYLE не обязательно.

Этот элемент содержит служебную информацию, которая не отображается при просмотре Web-страницы. Внутри него нет текста в обычном понимании, поэтому нет и конечного тега. Каждый элемент NAME содержит два основных атрибута, первый из которых определяет тип данных, а второй — содержание. Далее приведены несколько примеров meta-данных.

Дата, обозначающая «срок годности"документа:

name=''Expires'' content=''Дата''.

Адрес электронной почты:

name=''Reply-to'' content=''Имя@Адрес''.

Указание приложения, в котором был создан Web-документ:

name=''Generator'' content=''Название HTML-редактора''.

Атрибут name используется приложением-клиентом для получения дополнительной информации о Web-страницах и их упорядочения. Этот атрибут часто заменяют атрибутом http-equiv. Он используется сервером для создания дополнительных полей при выполнении запроса.

Кроме этого, элемент NAME может содержать URL. Шаблон соответствующего атрибута таков:

URL=''http://адрес''.

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

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

background=''Путь к файлу фона''.

Более простое оформление фона сводиться к заданию его цвета:

bgcolor=''#RRGGBB''.

Цвет фона задается тремя двухразрядными шестнадцатеричными числами, которые определяют интенсивность красного, зеленого и синего цветов соответственно.

Оба вышеперечисленных атрибута не являются альтернативными и часто используются совместно.

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

text=''#RRGGBB''.

Для задания цвета гиперссылок используется атрибут:

link=''RRGGBB''.

Также можно задать цвет для использованных гиперссылок:

vlink=''RRGGBB''.

Гипертекст, расположенный внутри элемента BODY, может иметь произвольную структуру. Ее определяют в первую очередь назначение Web-страницы и фантазия разработчика.

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

Элемент для установки базового адреса (URL) для ссылок. Это позволяет опускать их начальную часть. Тогда при указании относительной ссылки можно задать не только имя файла, но и имена папок, в которых он находиться. Иными словами, путь к файлам может быть разбит на две части: абсолютную и относительную. Это полезно в том случае, когда для файлов указанных в документе, есть общий начальный фрагмент пути.

В выражении абсолютной ссылки можно также опустить указание на схему доступа (file://). В этом случае будут учитываться только левая часть абсолютной ссылки до первого левого символа, то есть имя локального диска.