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

Рабочая группа HTML, возглавляемая человеком по имени Дэйв Раггетт, представила новый HTML-проект HTML 3.0[12]. Он включал множество новых и улучшенных возможностей для HTML и обещал гораздо более мощные возможности для веб-мастеров для разработки своих страниц. К сожалению, браузеры были ужасно медленными в реализации каких-либо новых улучшений, только добавив несколько и оставив остальных – поэтому спецификация HTML 3.0 была оставлена без внимания[14].

К счастью, ответственные люди отметили это, и поэтому будущие улучшения всегда были модульными. Это означало, что они могут быть добавлены поэтапно, что упрощает работу в браузере.

Теги, специфичные для браузера, продолжали поступать, и стало все более очевидным, что нужно найти стандарт. С этой целью «Консорциум World Wide Web» (сокращенно W3C) был основан в 1994 году для стандартизации языка и поддержания его развития в правильном направлении. Их первая работа была под кодовым названием WILBUR, а позже стала известна как HTML 3.2[15]. Это было смягченное изменение существующих стандартов, в результате чего многие большие шаги были направлены на более поздние версии. Большинство тегов расширений, которые были внесены Netscape (и в меньшей степени, Microsoft), не попали в эти новые стандарты. Вскоре он появился и стал официальным стандартом в январе 1997 года, и сегодня практически все браузеры поддерживают его полностью.

HTML 4.0

В версии HTML 4.0 произошла некоторая «очистка» стандарта. Многие элементы были отмечены как устаревшие и не рекомендованные (англ.deprecated). В частности, элемент font, используемый для изменения свойств шрифта, был помечен как устаревший (вместо него рекомендуется использовать таблицы стилей CSS)[11].

HTML 4.0 была большой эволюцией стандартов HTML и последней итерацией классического HTML. На раннем этапе разработки у него было кодовое название COUGAR[12]. Большая часть новой функциональности, появившейся в это время, связана с злополучной спецификацией HTML 3.0, а также множеством обрезков по старым тегам, акцентом на интернационализацию и поддержкой нового поддерживающего языка HTML, каскадных таблиц стилей.

HTML 4.0 был рекомендован W3C в декабре 1997 года и стал официальным стандартом в апреле 1998 года[11]. Поддержка браузеров была удивительно искренне изучена Microsoft в браузере Internet Explorer, а ведущий на рынке IE5 (и текущий преемник IE6) имеют отличную поддержку для почти все новые теги и атрибуты. Для сравнения, ужасно ошибочный Navigator 4.7 от Netscape был неумелым, когда дело дошло до HTML 4.0 и даже базового CSS.

XHTML

В 1998 году консорциум Всемирной паутины начал работу над новым языком разметки, основанном на HTML 4, но соответствующим синтаксису XML. Впоследствии новый язык получил название XHTML. Первая версия XHTML 1.0 одобрена в качестве Рекомендации консорциума Всемирной паутины 26 января 2000 года[15].

Ближе к началу XXI века W3C выпустила свои спецификации XHTML 1.0 в качестве рекомендации. С 26 января 2000 года он выступает в качестве совместного стандарта с HTML 4.01. XHTML отмечает отход от того, как работали новые спецификации — это совершенно новая ветвь HTML, включающая XML, поэтому код должен быть правильно написан, если он должен работать, когда он достигнет браузера читателя. В XHTML не было много новых или устаревших тегов и атрибутов, но некоторые вещи изменились с целью повышения доступности и функциональности. Это в основном только новый набор правил кодирования.

Содержание спецификации XHTML 1.0 было идентично спецификации HTML 4.01[12]. Никаких новых элементов или атрибутов не было добавлено. Единственное различие заключалось в синтаксисе языка. В то время как HTML позволил авторам много свободы в синтаксическом описании элементов и атрибутов, XHTML потребовал от авторов следовать правилам XML, более строгому языку разметки, на котором W3C основывал большинство своих технологий.

Более строгие правила были не такими уж плохими. Он призвал авторов использовать один стиль письма. Если ранее теги и атрибуты могли быть записаны в верхнем, нижнем регистре или любой их комбинации, то действительный документ XHTML 1.0 требовал, чтобы все теги и атрибуты были строчными.

Публикация XHTML 1.0 совпала с ростом поддержки браузером CSS. Поскольку веб-дизайнеры охватили появление веб-стандартов, во главе с проектом веб-стандартов, более строгий синтаксис XHTML рассматривался как «лучший способ» написания разметки.

Затем W3C опубликовал XHTML 1.1.

В то время как XHTML 1.0 был просто преобразован в HTML как XML, XHTML 1.1 был настоящим, честным и доброжелательным XML[13]. Это означало, что он не может быть подан с типом text / html типа mime. Но если авторы опубликовали документ с типом XML mime, тогда самый популярный веб-браузер в мире в то время - Internet Explorer - не смог отобразить документ.

Казалось, что W3C теряет связь с повседневной реализацией публикации в Интернете.

Планируемая версия XHTML 2.0 должна была разорвать совместимость со старыми версиями HTML и XHTML, но 2 июля 2009 года консорциум Всемирной паутины объявил, что полномочия рабочей группы XHTML2 истекают в конце 2009 года[10]. Таким образом, была приостановлена вся дальнейшая разработка стандарта XHTML 2.0.

В октябре 2006 года сэр Тим Бернерс-Ли написал сообщение в блоге, в котором признал, что попытка переместить веб-страницы из HTML в XML просто не работает. Несколько месяцев спустя W3C выпустил новый устав для рабочей группы HTML. Вместо того, чтобы начинать с нуля, они мудро решили, что работа WHATWG должна использоваться в качестве основы для любой будущей версии HTML[15].

HTML 5

После HTML 4.01 и XHTML 1.0 разработчики, которые контролировали направление HTML, отвлеклись от работы над новым предложением для XHTML 2. В то же время другие веб-разработчики постоянно внедряли инновации, используя новые функции на веб-сайтах и браузерах. Путь, который XHTML 2 начал принимать, стал выглядеть скучным и нереалистичным, и стало совершенно ясно, что нужен новый подход.

Примерно в это же время куча прагматичных поклонников веб-технологий, программистов-программистов и писателей-спецификаторов начали создавать что-то свое, вне обычных процедур W3C. Они назвали себя рабочей группой Web Hypertext Application Technology (WHATWG)[6] и разработали новую спецификацию[10]. После некоторого поиска души W3C решил, что HTML все еще является будущим Интернета. XHTML 2 был прекращен, и HTML5 стал новой спецификацией, в которую должны вливаться все усилия.

HTML5 предназначен для Интернета, как сейчас, так и в будущем[15]. Это спецификация, над которой мы будем работать в течение следующего десятилетия, по крайней мере, поэтому процесс ее развития относительно медленный и учитывается. Многие части будут знакомы, но есть также множество новых элементов, атрибутов и способностей, которые могут с успехом использоваться в самых различных задач.

Выводы

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

Программные объекты языка гипертекстовой разметки

Общая структура документа

Язык разметки гипертекста HTML (Hyper Text Markup Language) — это структурированный язык разметки, используемый для создания Web-страниц. HTML представляет собой набор текстовых символов, называемых элементами, который используется для задания структуры и правил оформления документа[5].

Элемент — это конструкция языка HTML, представляющая собой контейнер, содержащий данные и правила их форматирования[6].

Тег (дескриптор) - маркер элемента HTML. Теги определяют границы действия элементов и отделяют элементы друг от друга.

Общая структура любого HTML-документа имеет вид[7]:

<html>

<head>

<title>Мой первый документ</title>

</head>

<body>

Hello, world!

</body>

</html>

Рассмотрим входящие в этот пример контейнеры. Весь документ является контейнером <html>…</html>, в который включены два контейнера <head>…</head> – заголовок документа и <body>…</body> — тело документа, которое будет отображаться в клиентском окне Web-браузера.

Существуют теги, которые могут использоваться только в заголовке или только в теле документа. Например, контейнер <title>…</title> может быть указан только один раз и только внутри контейнера <head>, также как и тег <meta>, который не имеет парного закрывающего тега, но может быть указан несколько раз. Тег <meta> применяется для указания общей информации о документе (автор, ключевые слова, кодировка, описание документа)[7]. Например:

content="text/html; charset=windows-1251">

Первый тег сообщает о том, что автором документа является Ivan Ivanov, второй сообщает браузеру о том, что документ набран в кодировке, применяемой операционной системой (ОС) Windows для кириллицы. Из этих примеров видно, что данные теги содержат атрибуты name, http-equiv и content. Большинство тегов допускает один или несколько атрибутов, однако атрибутов может не быть. Закрывающие теги не имеют атрибутов[5].

Спецификация атрибута состоит из расположенных в следующем порядке имени атрибута, например WIDTH, знак равенства (=), значения атрибута, которое задается строкой символов, например, "80". Всегда полезно заключить значение атрибута в кавычки, используя либо одинарные ('80'), либо двойные кавычки ("80")[3]. Строка в кавычках не должна содержать такие же кавычки внутри себя. Так, если дата заключена в двойные кавычки, используйте одинарные кавычки для последующего заключения в кавычки, и наоборот.

Атрибуты тела документа

Атрибуты тега <body>[7]:

1. bgcolor=”…” – определяет цвет фона документа;

2. background=”…” – указывает браузеру местоположения файла с рисунком, который необходимо использовать в качестве фонового. В кавычках указывается путь к файлу. Окно полностью заполняется изображением, начиная с верхнего левого угла;

3. text=”…” – устанавливает цвет текста;

4. alink=”…” – определяет цвет активной ссылки;

5. link=”…” – определяет цвет не просмотренной ссылки;

6. vlink=”…” – определяет цвет просмотренной ссылки;

7. topmargin=”…” – устанавливает границу верхнего поля;

8. leftmargin=”…” – граница левого поля

Форматирование текста

Для того чтобы в тексте выделить абзац необходимо ограничить его тегами <p>…</p>[1]. У этого тега большое количество различных атрибутов, наиболее важным из которых является атрибут align[2]. Он может принимать значения left (выравнивание по левому краю), right (по правому краю), center (по центру), justify (по ширине)[5].

Теги для форматирования текста:

1. <i>…</i> — выделение текста курсивом;

2. <b>…</b> — выделение текста полужирным шрифтом;

3. <u>…</u> — выделение текста подчеркиванием;

4. <sup>…</sup> — текст отображается верхним индексом;

5. <sub>…</sub> — текст отображается нижним индексом;

6. <ol>…</ol> — формирование нумерованного списка, каждый пункт списка заключается в контейнер <li>…</li>;

7. <ul>…</ul> — для создания маркированного списка (вместо <ol>);

8. <br> — непарный тег, вставляет “жесткий” разрыв строки;

9. <center>…</center> — применяется для центрирования блока текста;

10. <h1>…</h1> — форматирует текст как заголовок 1-го уровня (всего 6 уровней <h2>...</h2> … <h6>...</h6>);

11. <multicol cols=”“>…</multicol> — выводит текст в несколько колонок (атрибут cols задает их количество);

1. <pre>…</pre> — выводит текст моноширинным шрифтом с сохранением форматирования;

2. <strike>…</ strike > — перечеркивает текст горизонтальной линией.

Размер шрифта

Язык гипертекстовой разметки позволяет задавать размеры шрифта, которым будет отображаться текст документа[1]. По умолчанию размер шрифта равен 3, однако, используя тег <font> с атрибутом size=”…”, его можно переопределить.