Файл: Языки разметки гипертекста.pdf

Язык разметки гипертекстовых документов HTML позволяет определить различные типы элементов, обеспечивающих функциональность документа: текстовые фрагменты с заданными параметрами форматирования, списки, таблицы, изображения, гиперссылки и т. д. Элементы HTML объявляются с помощью команд разметки, называемых тегами (от англ. tag — «ярлык»). Встречающиеся в тексте документа HTML-теги интерпретируются браузером при отображении документа.^[18]

1.4. Эволюция версий языков HTML и XHTML

Представленная миру Тимом Бернерсом-Ли в 1991 г. версия HTML 1.0, насчитывала всего лишь 20 тегов. Описание возможностей носило скорее рекомендательный характер. Официальной спецификации для языка HTML 1.0 не существовало.

В апреле 1994 г. консорциумом Всемирной паутины (W3C) началась подготовка спецификации следующей версии языка — 2.0. Спецификация для HTML 2.0 была выпущена в сентябре 1995 г.^[19] и содержала в основном конструкции, необходимые для создания жизнеспособной системы управления информацией.^[20]

В январе 1997 г. W3C создает HTML 3.2^[21], затем в апреле 1998 г. — HTML 4.0^[22], а в декабре 1999 года — HTML 4.01^[23]. Все перечисленные версии представляли собрание всех HTML-элементов, использовавшихся в то время. В них вошло множество презентационных расширений HTML, подстроенных под работу доминирующих браузеров — Netscape Navigator, Mosaic и Internet Explorer, но все еще отсутствовали решения в виде отдельных таблиц стилей.

Стандарт HTML 4.01 определяется формально в виде трех SGML-опре­делений типа документа: строгого (Strict DTD), переходного (Transitional DTD) и фреймового (Frameset DTD).^[24] Строгое DTD (рекомендуемое к использованию) определяет только те элементы, которые не признаны нежелательными в стандарте 4.0. Переходное DTD включает в себя все эти нежелательные элементы и более точно отражает современное употребление HTML, в котором все еще широко используются устаревшие элементы. Фреймовое DTD позволят разделить окно браузера на несколько фрагментов с тем, чтобы отображать в них разные документы.

Примерно в то же время, когда разрабатывалась версия HTML 4.01, сотрудники W3C осознали, что один язык разметки с ограниченными возможностями не получится использовать для описания всех видов информации (химических формул, математических уравнений, мультимедийных презентаций, финансовой информации и т. д.), которые можно распространять во Всемирной паутине. Их решение — XML (eXtensible Markup Language, Расширяемый язык разметки), метаязык для создания языков разметки. основанный на стандартном обобщенном языке разметки SGML. ^[25]

В итоге, HTML был заморожен в версии 4.01. В январе 2000 г. была выпущена спецификация под названием XHTML 1.0^[26], которая представляла собой XML-версию HTML, использующую строгие правила синтаксиса XML — заключение атрибутов в кавычки, закрытие тегов и т. п. Были разработаны два стандарта: «переходной» XHTML Transitional и «золотой стандарт» XHTML Strict.^[27]

В мае 2001 года W3C выпустил обновленный стандарт XHTML 1.1^[28], представляющий собой еще более строгую версию XHTML по сравнению с XHTML 1.0, и имеющий больше расхождений с HTML 4.01. Возможно, стандарт и стал рафинированным с академической точки зрения, но пользоваться им практически невозможно.^[29]

В 2002 году W3C начал разрабатывать XHTML 2.0, язык решили делать с нуля, что привело к проблемам совместимости с предыдущими версиями языков HTML и XHTML. Процесс написания и утверждения затянулся на годы. Без реализации в браузерах создание XHTML 2.0 застопорилось.^[30]

1.5. Создание стандарта HTML5

История HTML5 начинается в 2004 году, когда крупные компаний, такие как Google, Mozilla, Opera, Apple и Microsoft, создают свою собственную рабочую группу под названием WHATWG (Web Hypertext Application Technology Working Group, Рабочая группа по разработке гипертекстовых приложений). Эти люди не считали, что будущее Интернет — это XML.

Перед тем, как начать работать над HTML5, рабочая группа WHATWG создала две спецификации: Web Forms 2.0 (веб-формы) и Web Apps 1.0 (веб-приложения), которые впоследствии стали частью спецификации HTML5.

В 2006 W3C всё еще продолжает работать над XHTML 2.0, но его разработчики решили, что они были чересчур оптимистичны, полагая, что весь мир перейдет на XML, и, естественно, к XHTML 2.0. «Важно развивать HTML шаг за шагом. Попытка заставить мир одномоментно перейти на XML, включая кавычки вокруг атрибутов, закрытие пустых тегов и пространства имен, провалилась», — признал Тим Бернерс-Ли.^[31]

Поэтому в этом же году W3C начал разработку своей версии HTML5, в её основе лежали наработки рабочей группы WHATWG. В конце 2009 г. W3C официально прекратил работу над XHTML 2.0^[32], закрыв рабочую группу и направив свои ресурсы и усилия на HTML5.^[33]

На данный момент, работа над языком HTML5 продолжается, создаются новые теги и технологии, всё это добавляется в спецификацию. Сама спецификация HTML5 была опубликована 28 октября 2014 г.^[34]

Приведем основные характеристики HTML5.

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

• В HTML5 не используется DTD (определение типа документа), представляющее собой отдельный документ, определяющий все элементы и атрибуты в языке разметки. Таким образом, язык полностью документируется в SGML, отсутствуют варианты DTD — Transitional, Strict и Frameset.

• HTML5 — первая спецификация HTML, которая содержит подробные инструкции о том, как браузеры должны обрабатывать неправильную и наследованную разметку.

• HTML5 также может быть написан в соответствии с более строгим синтаксисом XML (т.н. XML-сериализация HTML5). Некоторые разработчики стали предпочитать характеристики «опрятного» стандарта XHTML, так что этот способ верстки по-прежнему остается, хотя и не обязателен.

• В дополнение к разметке, HTML5 определяет ряд API-интерфейсов (интерфейсов прикладного программирования). Они облегчают связь с веб-приложениями, а также возлагают некоторые распространенные процессы (аудио-, видеопроигрыватели) на встроенный функционал браузеров.^[35]

С ноября 2016 г. W3C рекомендовал к применению версию HTML5.1.^[36]

В заключение отметим, что в настоящее время язык гипертекстовой разметки HTML5 вместе с каскадными таблицами стилей CSS3 и языком сценариев JavaScript являются основными инструментами для создания Web-страниц и Web-приложений.^[37]

Выводы по главе 1.

Таким образом, в первой главе даны основные понятия и определения концепции гипертекста: гипертекст, гиперссылка, гипертекстовая система, навигация. Далее отмечено, что идеи гипертекста нашли свое воплощение в создании языка SGML (стандартного обобщенного языка гипертекстовой разметки), стандартизированного международной организацией ISO в 1986 г. Следующим шагом стало создание на базе SGML языка HTML (языка гипертекстовой разметки) и появление Всемирной паутины в 1989 году. В главе показана эволюция основных версий языка HTML (HTML 2.0, 3.2, 4.0 и 4.01) с 1991 по 1999 г., создание нового метаязыка XML (расширяемого языка разметки), разработка на основе XML языков XHTML 1.0, 1.1 и 2.0.

Отмечено, что с 2009 г. Консорциум Всемирной паутины перестал развивать XHTML, и все усилия бросил на развитие нового стандарта HTML5. Язык HTML5 имеет много новшеств по сравнению с предыдущими версиями, отличается простотой написания и корректной обработкой всеми браузерами. В 2014 г. он был рекомендован к использованию Консорциумом Всемирной паутины и является на сегодняшний день общепринятым стандартом для разметки Web-документов.

Глава 2. ОСНОВНЫЕ ПРИНЦИПЫ РАЗМЕТКИ WEB-ДОКУМЕНТОВ С ПОМОЩЬЮ ЯЗЫКОВ HTML И XHTML

2.1. Основные возможности языка HTML 4.01

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

Определение типа документа. В первой главе были рассмотрены различные версии языков HTML, XML и XHTML. Для правильной интерпретации языка, на котором написан документ, браузеру следует сообщить, какой именно язык выбран. Это делается посредством специального дескриптора <!DOCTYPE…>, имеющего структуру:

<!DOCTYPE элемент_верхнего_уровня публичность

"регистрация//организация//тип имя//язык" "url">.

Для HTML 4.01 наиболее употребительными являются следующие схема задания содержимого данного дескриптора:^[39]

Строгая (Strict) схема:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 strict//EN"

"http://www.w3.org/TR/HTML4.01/strict.dtd">

Переходная (Transitional) схема:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 transitional//EN"

"http://www.w3.org/TR/HTML4.01/loose.dtd">

Фреймовая (Frameset) схема:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 frameset//EN"

"http://www.w3.org/TR/HTML4.01/frameset.dtd">.

В настоящее время браузеры воспринимают HTML-код и без дескриптора <!DOCTYPE…>, но в этом случае не исключены непредвиденные ситуации, особенно в Internet Explorer, которых разработчик обязан избегать.

Структура HTML-документа. Любой документ в формате HTML начинается с открывающего тега <HTML> и заканчивается тегом </HTML>. Он состоит из двух частей:

• раздела заголовка (определяемого тегом HEAD);
• тела, которое включает содержимое документа и определяется тегом BODY. В общем виде документ HTML имеет следующую структуру:^[40]

<HTML>

<HEAD>

Раздел заголовка

</HEAD>

<BODY>

Тело документа

</BODY>

</HTML>

Раздел заголовка содержит различного рода служебную информацию (например, ключевые слова, используемые поисковыми машинами), не считающуюся содержимым документа. Наиболее часто в заголовке применяются следующие теги:

<TITLE> — заголовок HTML-документа, который отображается в строке заголовка окна браузера;

<BASE> — базовый адрес, используемый при обработке относительных URL-адресов;

<LINK> — тег, используемый для связи с другими HTML-документами;

<META> — дополнительная информация об HTML-документе.

Тело документа содержится между тегами <BODY> и </BODY> и включает всю информацию, которая отображается в окне браузера.

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

Теги форматирования текста. Приведем описание основных тегов, используемых для задания формата отображения текста в окне браузера.^[41]

Заголовки. HTML-документ может содержать шесть уровней заголовков. Для задания заголовка используются пары тегов:

<H1> заголовок первого уровня </H1>

<H2> заголовок второго уровня </H2>

…

<H6> заголовок шестого уровня </H6>

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

LEFT — выравнивание по левому краю;

RIGHT — выравнивание по правому краю;

CENTER — выравнивание по центру.

Например, для создания заголовка первого уровня, выровненного по центру, используется следующая строка:

<H1 ALIGN=CENTER> Текст заголовка </H1>

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

Списки. HTML-документ может содержать как маркированные, так и нумерованные списки. Для создания маркированных списков используются теги <UL> и </UL>, нумерованных — <OL> и </OL>. В обоих случаях каждый элемент списка помещается между тегами <LI> и </LI>. Допускается создание вложенных списков.

Выделение фрагментов текста. Язык HTML позволяет выделять отдельные слова и символы документа. Приведем основные теги, используемые при выделении:^[42]

<B> … </B> — выделение полужирным шрифтом;

<I> … </I> — выделение курсивом;

<U> … </U> — выделение подчеркиванием.