2. Языки гипертекстовой разметки документов

Гипертекстовая технология изначально использовала специальный язык, получивший название HTML (Hyper Text Markup Language). Благодаря ему, можно не только формировать гипертекстовые документы, но осуществлять связь текста и изображения с документами, расположенными на другом веб-сервере и др.

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

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

Гипертекстовый документ, размещённый на сервере с использованием WWW, называют Web-страницей (веб-страницей). Это минимальный фрагмент гипертекста, который можно за один раз загрузить и прочитать.

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

Структура гипертекстовых документов формируется с помощью последовательности тегов – элементов языка HTML, включающих тексты в формате ASCII. Они позволяют управлять шрифтом, цветом фона и текста, определять ссылки, вставлять объекты (графику, звук и видео). При этом сами тэги на странице в режиме её просмотра через браузер не видны.

Тег или тэг (англ. “Tag” – метка) является признаком объекта, который управляет соответствующим кодом.

Любая страница начинается с тега <HTML> и заканчивается тегом </HTML>.

Легко заметить, что теги представляют собой некоторые операторы (команды, дескрипторы), заключенные в скобки типа “< >”, причём ими начинается и заканчивается целая страница или некоторый фрагмент. В конце команды ставится слеж “/” с именем, используемым в её начале. Таким образом, любая команда включает некоторое действие, а аналогичная команда со знаком “/” – выключает его. Это правило касается парных команд (дескрипторов). Существуют операторы, не требующие их выключения (закрытия).

В качестве примера приведём запись следующих заголовков “Министерство образования и науки Российской Федерации” и “Московская финнансово-промышленная академия”, последовательно размещённых на одной странице. Запись в файле может выглядеть следующим образом:

<HTML>

<HEAD>

<TITLE> Министерство образования и науки Российской Федерации </TITLE>

</HEAD>

<BODY>

Московская финнансово-промышленная академия

</BODY>

</HTML>

При этом оператор <TITLE> используется как заголовок страницы. Он не виден в программе просмотра гипертекстовых страниц, но отображается в верхней строке браузера. Обычно эта команда используется как идентификатор страницы и служит поисковым образом документа.

Оператор <HEAD> ограничивает область заголовка, включающую другие операторы, отражающие название программы, в которой создавалась страница, код страницы, ключевые слова (мета тэги) и др.

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

Ссылка обозначается парными тегами <a> и </a>.

Некоторые теги могут быть разовыми, например, для обозначения перехода на другую строку в одном абзаце используется непарный тег <br>.

Точно также внутри таблицы, образуемой парными тегами <Table> и </Table>, могут присутствовать непарные теги <tr> и <td>, отражающие строку и ячейку в строке.

Для указания признака объекта и (или) его состояния к тегам добавляются атрибуты. Так, для ссылок в качестве атрибута используется адрес фрагмента текста в документе или собственно документа. Таким образом, команда на переход к другому ресурсу будет выглядеть следующим образом: <a href=”адрес”>имя ссылки</a>.

Чтобы при установке мыши на пиктограмме появлялся поясняющий текст, следует в тэг (<a href=...) включить параметр (alt="текст пояснения"), например,

<a href="help-1.htm" alt=“Помощь и полезные советы”>.

В таком тексте не должно быть кавычек, символов “<” (меньше), “>” (больше), "/" и т.п. Их заменяют записями типа " < >.

Кроме того, используется CGI (Common Gateway Interface – общий шлюзовой интерфейс) – программа для связи HTML-браузеров с другими прикладными программами и (или) текстами, находящимися на стороне сервера.

Для создания гипертекстовых документов и веб-страниц применяют как обычное ПО, так и специальные программы. В простейшем случае для создания гипертекстовых документов можно использовать любые текстовые редакторы (Блокнот, Notepad, WordPad и др.), а также текстовые процессоры типа Word. Так, в MS Word97 легко и просто получить компактный гипертекстовый документ в формате “html”, выбрав для сохранения текстового документа именно этот тип формата. При этом не требуется знание HTML. В других последующих версиях того же MS Word также можно создавать подобные файлы, но при этом файл “обрастает” большим количеством порой совершенно ненужных тегов. В результате подобный файл, конечно же, можно использовать как веб-страницу и размещать на сайтах или порталах. Однако его размер становится в несколько раз больше оптимального. А это не очень хорошо, так как, во-первых, в несколько раз увеличится объём хранимых на сервере страниц сайта или портала. Во-вторых, что более важно, значительно возрастёт время загрузки таких станиц на компьютеры пользователей. Последнее обстоятельство вызывает у пользователей нежелание обращаться к таким сайтам и порталам.

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

Обычно же для создания гипертекстовых документов целесообразно использовать специальные программы, в которые по мере необходимости загружать материалы для веб-страниц, сделанные в других программах, например, текст из Word, табличные данные из Excel, а графические объекты из Photoshop и PowerPoint. Такие программы позволяют ускорить создание страниц за счёт автоматизации ряда простых рутинных процедур, например, создания шаблона страницы и таблиц, изменения стилей и размеров шрифтов, цвета, включения наиболее часто используемых тегов и т.д., а также возможности не переходя в другую программу периодически просматривать полученные результаты. В качестве специальных программ можно использовать, например, FrontPage, Publisher, Hot Dog, HomeSite, Reamweaver, Noteped, SiteCreate и др.

На смену HTML пришёл новый язык разметки документов – XML (eXtensible Markup Language). Прогнозируется, что использование этого языка позволит значительно упростить процессы взаимодействия между информационными системами, обеспечить эффективное управление предприятиями, использовать системы электронной коммерции и др.

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

XML не связан с типом хранимых данных. Независимость от СУБД организуется путём представления запросов к ним на языке XML Query.