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

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

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

"контейнер" := <"имя тега" "список атрибутов">

содержание контейнера

</"имя тега">

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

Язык XML был создан для хранения, транспортировки и обмена данными, с его помощью можно реализовать обмен данными между различными системами. XML документ состоит из частей, называемых элементами. Элементы составляют основу XML-документов. Они образуют структуры, которые можно обрабатывать программно или с помощью таблиц стилей. Элементы размечают именованные разделы информации. Элементы строятся с помощью тегов разметки, обозначающих имя, начало и конец элемента. Элементы могут быть вложены друг в друга, на верхнем уровне находится элемент, называемый элементом документа или корневым элементом в котором содержатся остальные элементы. Например:

<?xml version="1.0"?>

<planets>

<planet ID="1">

<name>Mercury</name>

</planet>

<planet ID="2">

<name>Venus</name>

</planet>

<!-- There are more planets. -->

</planets>

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

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

Документ XML обычно содержит следующие разделы:

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

• Пролог;

• Элементы;

• Атрибуты;

• Комментарии

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

1. Номер версии:

<?xml version="1.0"?>.

Это обязательный аргумент. Текущая версия — 1.0.

2. Декларация кодировки:

<?xml version="1.0" encoding="UTF-8"?>

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

символов.

3. Декларация автономности, например:

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>.

Декларация автономности, как и декларация кодировки, необязательны. Если декларация автономности используется, то она должна стоять на последнем месте в XML-декларации.

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

<?xml version="1.0" encoding="UTF-8"?>

<?xml-stylesheet type="text/xsl" href="book.xsl"?>

<!DOCTYPE book SYSTEM "schema.dtd">

<!--Some comments-->

В языке XML есть возможность включения в документ инструкций, которые несут определенную информацию для приложений, которые будут обрабатывать тот или иной документ. Инструкции по обработке в XML создаются следующим образом.^[7]

<? Приложение Содержимое ?>

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

<?serv cache-document?>

Элементы в XML документе отвечают за организацию информации и являются основными структурными единицами языка XML. Элементы оформляются следующим образом:

<ElementName> Содержимое элемента </ElementName>

Теги устанавливают границы вокруг содержимого элемента, если таковое имеется. У каждого элемента должно быть имя. Имена XML-элементов должны подчиняться следующим правилам:

Названия могут содержать буквы, цифры и другие символы;

• Названия не могут начинаться с цифры или знака препинания;

• Названия не могут начинаться с букв xml;

• В названии не должно быть пробелов.

• Нельзя допускать пробелов у кавычек (<);

• Имена элементов являются регистрозависимыми;

• Все элементы должны иметь закрывающий тэг^[8].

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

<ElementName />

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

<person>

<givenName>Peter</givenName>

<familyName>Kress</familyName>

</person>

В данном случае элемент <person> содержит два других элемента, <givenName> и <familyName>. Элемент <givenName> содержит текст Peter, а элемент <familyName> — текст Kress.

В XML элементы могут содержать атрибуты с присвоенными им значениями, которые помещаются в одинарные или двойные кавычки. Атрибуты позволяют добавлять сведения об элементе с помощью пар «имя-значение». Атрибуты часто используются для определения тех свойств элементов, которые не считаются содержимым элемента, хотя в некоторых случаях (например, HTML-элемент img) содержимое элемента определяется значениями атрибута. Атрибуты могут отображаться в открывающих или пустых тегах, но не в закрывающих тегах^[9]. Атрибут для элемента задается следующим образом:

<myElement attribute="value" ></myElement>

Синтаксические правила создания атрибута:

• Декларируются в открывающем тэге;

• Количество атрибутов не ограничено;

• Несколько атрибутов разделяются пробелами;

• Атрибут состоит из имени и значения

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

• Нельзя использовать пробелы в именах атрибутов;

• Значение атрибута должно быть в кавычках.

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

<myElement attribute="value" > </myElement>

<myElement attribute='value' ></myElement>

<myElement attribute='"value"' ></myElement>

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

XHTML представляет собой семейство имеющихся на данный момент и могущих появиться в будущем типов документов и модулей, являющихся копиями, подмножествами или расширениями языка HTML 4. Семейство типов документов XHTML базируется на XML и предназначено для работы с пользовательскими агентами на базе. 

Преимущества XHTML:

• Разработчики документов и создатели пользовательских агентов постоянно открывают новые способы выражения своих идей в новой разметке. В XML ввод новых элементов или атрибутов достаточно прост. Семейство XHTML разработано так, чтобы принимать расширения путем модулей и технологий XHTML для разработки новых соответствующих XHTML модулей (описанных в готовящейся спецификации Модуляризации XHTML). Модули позволят комбинировать существующие и новые наборы функций при разработке содержимого и создании новых пользовательских агентов.
• Постоянно вводятся альтернативные методы доступа в Интернет. По некоторым оценкам, в 2002 году 75% обращений к документам в Интернет будет выполняться с альтернативных платформ. Семейство XHTML создавалось с учетом общей совместимости пользовательских агентов. С помощью нового механизма профилирования пользовательских агентов и документов серверы, прокси и пользовательские агенты смогут преобразовывать содержимое наилучшим образом. В конечном счете станет возможной разработка соответствующего XHTML содержимого, пригодного для любого соответствующего XHTML пользовательского агента.

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

1. Он должен проходить проверку корректности в соответствии с одним из трех DTD.
2. Корневым элементом документа должен быть элемент <html>.
3. Корневой элемент документа должен назначать пространство имен XHTML с использованием атрибута xmlns [XMLNAMES]. Пространство имен для XHTML определено в http://www.w3.org/1999/xhtml.
4. В документе до корневого элемента должно иметься объявление DOCTYPE. Открытый идентификатор, включаемый в объявление DOCTYPE, должен ссылаться на одно из трех DTD, приведенных в приложении A, с помощью соответствующего формального открытого идентификатора. Системный идентификатор может изменяться, отражая соглашения, принятые в локальной системе.

<!DOCTYPE html

PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"DTD/xhtml1-strict.dtd">

<!DOCTYPE html

PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"DTD/xhtml1-transitional.dtd">

<!DOCTYPE html

PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"

"DTD/xhtml1-frameset.dtd">

вот пример минимального документа XHTML.

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE html

PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">

<head>

<title>Виртуальная библиотека</title>

</head>

<body>

<p>Переехала по адресу <a href="http://vlib.org/">vlib.org</a>.</p>

</body>

</html>

Обратите внимание, что в данном примере включено объявление XML. Такое объявление XML не является обязательным для всех документов XML. Авторам документов XHTML настоятельно рекомендуется использовать объявления XML во всех своих документах. Такое объявление обязательно, если кодировка символов документа отличается от используемых по умолчанию UTF-8 или UTF-16.

Глава 3. Практическое применение языков разметки гипертекста

3.1. Создание документов в стандарте HTML

Создадим в HTML следующую таблицу:

Для этого откроем блокнот и наберем следующий код:

<HTML>

<HEAD>

<TITLE>Каталог</TITLE>

</HEAD>

<BODY>

<H2>Книжный каталог</H2>

<TABLE BORDER="1" CELLPADDING="5">

<THEAD>

<TH>Название</TH>

<TH>Автор</TH>

<TH>Тип переплета</TH>

<TH>Количество страниц</TH>

<TH>Цена</TH>

</THEAD>

<TR ALIGN="center">

<TD>< STYLE="font-style:italic"></SPAN></TD>

<TD>< </TD>

<TD</TD>

<TD ></TD>

<TD ></TD>

</TR>

</TABLE>

</BODY>

</HTML>

Рассмотрим подробнее что выполняют данные теги. Любой HTML-документ состоит из структуры:

<html>

<head> <!-- Техническая информация о документе -->

<title>...</title> <!-- Задаем заголовок документа -->

</head>

<body> <!-- Основная часть документа -->

</body>

</html>

Тег <H2> -задает шрифт заголовка

Тег <TABLE> с атрибутами BORDER="1" CELLPADDING="5" задает таблицу с рамкой в 1 пиксель.

Теги <TD> и <TR> задают строки и столбцы.

Чтобы увидеть результат работы в браузере необходимо сохранить файл с расширением .html

Рисунок 1. Выполнение кода в браузере.

Так же в HTML можно добавлять языки программирования PHP, JavaScript и другие.

HTML – код не может отправлять данные формы, поэтому мы использовали язык программирования php. PHP позволяет избежать этих проблем. Когда посетитель заполняет форму и нажимает кнопку отправить PHP-код сам отправляет данные формы администратору сайту. Кроме этого он генерирует для посетителей специальную HTML—страницу с подтверждением о том, что данные отправлены удачно.

Отправкой данных из формы занимается сервер, а не сам пользователь. Это дает администратору сайта гарантию, что он получит все данные на электронную почту.

На рисунках 2 и 3 показана схема передачи информации.

Рисунок 2. Пользователь запрашивает страницу с формой у сервера

Рисунок 3. Передача данных на электронную почту

Таким образом, учитывая схему передачи данных был реализован php-сценарий, передающий информацию на электронную почту администратора..

Ниже описаны некоторые аспекты программы.

В тег $kuda помещается адрес, на который будет передаваться информация.

В тег $zagolovok помещается название формы.

$pol=$_POST['pol']; разделяет форму на секции. Для каждого вопроса своя секция.

if ($pol == men)

{