Файл: Языки гипертекстовой разметки (Гипертекстовая технология).pdf

Атрибут «frame» (введен с версии HTML 4.0) создан для определения рамки вокруг таблицы. Для данного атрибута существует следующий набор значений:

- Void – рамка отсутствует;

- Above – линия рамки находится сверху таблицы;

- Below – линия рамки находится снизу таблицы;

- Hsides – линия рамка находится сверху и снизу таблицы;

- LHS – линия границы находится слева;

- RHS – линия границы находится справа;

- Vsides – линия границы находится слева и справа таблицы;

- Box – таблица окружена линией со всех сторон.

Пример использования атрибута «frame»: <table frame=”Void”> [6, c.45] [5, c.420-421].

Для определения параметров оформления отдельных ячеек используется атрибут «rules». Данный атрибут имеет следующие значения:

- none – видимые границы отсутствуют;

- all – линии отображаются вокруг каждой отдельной ячейки таблицы;

- groups – линии отображаются между группами ячеек;

- cols – границы отображаются между столбцами;

- rows – границы отображаются между строками.

Пример использования атрибута «rules»: <table rules=”None”> [6, c.45] [5, c.420-421].

Атрибут «cellpadding» определяет расстояние между содержимым и границами ячейки. Пример использования: <table cellpadding =”6”> [6, c.69].

2.2 Расширяемый язык разметки XML

XML (eXtensible Markup Language) – расширяемый язык разметки, созданный для хранения, передачи и обмена данными между различными системами. Тестовый документ, который размечен при помощи данного языка, называется XML-документом (рисунок 6). XML-язык произошел от языка SGML (по сути, он является его подмножеством) и целью его разработки было упрощение машинного анализа документов [10].

Данный язык представляет собой последовательный набор символов, который вставляется в текст для того, чтобы передавать информацию о его строении и выводе. Текстовый документ, построенный на XML языке, содержит как информационное наполнение, так и дополнительную информацию о своей структуре. Подобные документы могут содержать в себе интерактивные элементы, а также содержание иных документов [7, c.6].

Существует три разновидности разметки: стилистическая, семантическая и структурная. Стилистическая разметка формирует внешний вид документа, структурная – его структуру, а семантическая разметка определяет содержание данных и описывает логику их представления [7, c.6].

Рисунок 6. Пример синтаксиса XML

Язык XML основан на элементах – составных частях структуры, обрабатываемых с помощью таблиц стилей. Основой для элемента служат теги разметки, описывающие имя, начало, а также конец элемента. Элементы могут встраиваться друг в друга, в этом случае, элемент, находящийся на верхнем уровне, называется корневым (рисунок 7) [7, c.9] [10].

Рисунок 7. Пример вложенных элементов XML

XML-документ состоит из следующих разделов:

- XML-декларация;

- Пролог;

- Элементы;

- Атрибуты;

- Комментарии [7, c.10].

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

Номер версии – является обязательным аргументом. После декларации номера версии следует декларация кодировки, которая содержит значение кодировки символов. Декларация кодировки не является обязательным аргументом. Далее следует декларация автономности, которая также необязательна. Примером декларации XML-документа может служить следующая строчка:

«<?xml version="1.0" encoding="UTF-8" standalone="yes"?>» [7, c.10].

Пролог XML-документа – набор данных, расположенный после корневого тега или элемента документа и содержащий сведения о параметрах документа, например кодировку символов, таблицы стилей, структуру XML-документа и т.д.

Предусмотрена возможность включения в документ инструкций по его обработке для сторонних приложений. Такие инструкции создаются при помощи следующей конструкции: «<? Приложение Содержимое ?>». В первой части данной инструкции определяется система или приложение, вторая часть описывает содержимое инструкции [7, c.11] [10].

Элементы XML-документа оформляются при помощи тегов, устанавливающих границы содержимого (при его наличии) и должны содержать имена, присваиваемые по следующим правилам:

- содержать буквенно-цифровые и прочие символы;

- не должны начинаться со знака препинания или цифры;

- не должны начинаться с ключевого слова «xml»;

- не должны содержать пробелов;

- не допускаются пробелы у кавычек;

- все имена элементов зависимы от регистра;

- обязательно наличие закрывающего тега.

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

Примером оформления элемента может служить следующая строчка:

<ElementName> Некоторое содержимое элемента </ElementName > [7, с.12].

Для предоставления дополнительных параметров элементам, применяются атрибуты XML-документа. Оформляются они при помощи пары «имя-значение»: < myElement attribute="value" ></myElement>.

Для атрибутов в XML существуют следующие синтаксические правила:

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

- количество атрибутов может быть не ограничено;

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

- атрибут должен состоять из имени и значения;

- в рамках одного элемента имя должно быть уникальным;

- запрещено использование пробелов в имени;

- значение атрибута должно быть заключено в кавычки [7, c.13].

Комментарии XML-документа служат для добавления содержимого, которое не предназначено для синтаксического анализа.

Комментарии могут располагаться в прологе, текстовом содержимом и после документа. Недопустимо расположение комментариев внутри тегов и значений атрибутов. Использование двух символов « - » подряд в тексте комментария и использование данного символа в конце комментария также недопустимо. [7, c.14].

Примером оформления элемента может служить следующая строчка: <!—какой-либо текст комментария -->.

2.3 Расширяемый язык гипертекстовой разметки XHTML

XHTML (eXtensible Hypertext Markup language) – расширяемый язык разметки гипертекста, также как и XML, является подмножеством метаязыка SGML (рисунок 8) [3, c.15] [10].

Рисунок 8. Эволюция языков разметки

XHTML весьма схож с HTML, однако зависит от синтаксических правил XML. Назначением данного языка является отображение правильно оформленных данных в браузере [3, c.17].

Структура XHTML-документа представляет собой корневой HTML-документ с объявлением doctype (тип описываемого документа). Документ разделяется на головную (head) и основную (body) части. В головной части содержится информация, предназначенная для поисковых систем и браузера. Как правило, подобная информация не отображается на дисплее. Основная же часть содержит контент web-ресурса, который предназначен для вывода на дисплей (рисунок 9) [3, c.18].

Рисунок 9. Структура XHTML-документа

Для разделения головной и основной части, следует использовать соответствующие теги. Title – является обязательным тегом и должен быть указан в головной части документа. Такие заголовки отображаются в закладках браузера и выводятся поисковыми системами в результатах поиска [3, c.17].

Головная часть документа может содержать тег meta (необязательный), который служит для описания кодировки web-страницы. В документах типа Frameset (содержащих фреймы) основная часть может вовсе отсутствовать, так как ее будет заменять фреймовая структура. Следующая иллюстрация представляет пример минимального документа XHTML (рисунок 10) [3, c.19].

Рисунок 10. Пример описания минимального XHTML-документа и его отображения в браузере Google Chrome

Для форматирования текста и разделения его на блоки используются теги форматирования. Данные теги подразделяются на два уровня: блока и текста [3, c.19].

Тег, уровня блока <p>, служит для форматирования абзаца, отделенного от основного текста при помощи пустых строк. Тег <div> тоже служит для описания абзаца, но в отличие от <p>, не имеет дополнительного форматирования. Такой тег часто используют для того, чтобы группировать блоки [10].

Теги шести уровней заголовков от <h1> до <h6> визуально отображаются шрифтом определенного размера, в зависимости от уровня (h1 – самый крупный, а h6 – самый мелкий) [10].

Тег <blockquote> форматирует блок с дополнительным отступом, выделяется аналогично тегу <p>.

Тег <pre> используется для переформатированного текста, разбиваемого на табуляции, строки и пробелы.

Тег <br> служит для окончания текущей строки, а тег <hr> выполняет вставку горизонтальной линии [3, c.19].

ЗАКЛЮЧЕНИЕ

Интернет, каким мы видим его сегодня, стал возможен благодаря внедрению гипертекстовой технологии в IT. Существует масса инструментов для создания полнофункциональных web-приложений. Вместе с тем, с каждым годом web-технологии совершенствуются, а глобальная сеть разрастается и усложняется. На данный момент, реализация гипертекстовой технологии во многом облегчена для web-разработчика, когда существует множество программных решений для автоматической верстки web-страниц. И это несмотря на простоту web-дизайна и низкого порога вхождения в данную отрасль IT.

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