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

Введение

Актуальность работы. Язык HTML – язык разметки гипертекста. Расшифровывается как Hyper Text Markup Language (произносится «эйч-ти-эм-эл»). Это стандарт, в соответствии с которым документы Web отображаются браузерами. Как ясно из названия, HTML – это метод разметки стандартного текста таким образом, чтобы браузер интерпретировал определенные команды, отображал информацию в нужном формате. С помощью языка HTML создаются HTML-файлы, которые отображаются с помощью браузера в виде Web-документа.

Подавляющее большинство сайтов так или иначе используют HTML [5, с.10].

В 2014 году официально была завершена работа над новым стандартом - HTML5, который фактически произвел революцию, привнеся в HTML много нового. HTML5 определяет новый алгоритм парсинга для создания структуры DOM добавление новых элементов и тегов, как например, элементы video, audio и ряд других переопределение правил и семантики уже существовавших элементов HTML. Фактически с добавлением новых функций HTML5 стал не просто новой версией языка разметки для создания веб-страниц, но и фактически платформой для создания приложений, а область его использования вышла далеко за пределы веб-среды интернет: HTML5 применяется также для создания мобильных приложений под Android, iOS, Windows Mobile и даже для создания десктопных приложений для обычных компьютеров [5].

Цель работы: изучить особенности языка текстовой разметки HTML.

Задачи работы:

- раскрыть понятие языка разметки;

- изучить историю языков разметки;

- показать структуру html-документа и его элементы ;

- дать характеристику режимам работы браузеров и Doctype;

- дать характеристику тегу html и атрибуту manifest;

- показать создание документа HTML5.

Объект: технологии разметки гипертекста

Предмет: язык текстовой разметки HTML.

Структура работы. Работа состоит из введения, 2 глав, заключения и списка литературы. Список литературы включает 15 литературных источников.

Глава 1. Понятие и история языков разметки

HTML (англ. HyperText Markup Language) — это язык, принятый в World Wide Web для создания и публикации веб-страниц. HTML предоставляет авторам средства для:

• форматирования текста, т. е. включения в веб-документы заголовков, текста, таблиц, списков, фотографий и т. п.;
• вставки гиперссылок для перехода к другим веб-страницам посредством щелчка кнопки мыши по гиперссылке;
• создания и заполнения форм для транзакций с удаленными службами, например, для поиска информации, бронирования билетов, оформления заказов на товары и т. п.;
• непосредственного включения в веб-документы видео, звука и других внешних объектов.

---

Фактически современная веб-страница формируется с помощью трех языковых средств:

• язык HTML используется для задания логической структуры документа (заголовки, абзацы, графические изображения и прочие объекты);
• язык каскадных стилей CSS используется для задания способа отображения документа (цвета текста и фона, шрифты, способы выравнивания и позиционирования отдельных объектов на странице и т. п.);
• языки программирования сценариев (чаще всего JavaScript) используются для написания сценариев, т. е. небольших программ, которые исполняются обозревателем в процессе отображения документа и обеспечивают его динамическое изменение в ответ на различные события. При этом именно html-документ является той средой, в которой размещаются остальные компоненты веб-страницы.

Первоначально HTML был разработан приблизительно в 1986–1991 гг. Тимом Бернерсом-Ли (англ. Tim Berners-Lee) и его коллегами из CERN Laboratories (Швейцария) для обмена текстовыми документами и другими данными между учеными. Одновременно с этим Т. Бернерс-Ли разрабатывает протокол HTTP. Для того чтобы стать стандартом, протокол должен иметь не менее двух независимых реализаций, первую написал в 1990 г. сам Т. Бернерс-Ли. 22 апреля 1993 г. вышел браузер Mosaic, авторы которого добавили к нему поддержку графических образов и ряд других полезных качеств; благодаря Mosaic протокол HTTP стал популярным. Быстрое развитие Сети в 90-е гг. потребовало стандартизации этого языка, и 22 сентября 1995 г. под эгидой IETF был создан HTML 2.0. Официальной спецификации HTML 1.0 не существует. До 1995 г. разработчики ранних браузеров выпускали свои корпоративные стандарты, чтобы официальная версия отличалась от них, ей сразу присвоили второй номер [15].

Версия 3, предложенная Консорциумом Всемирной паутины (W3C), обеспечивала много новых возможностей, таких как создание таблиц, «обтекание» изображений текстом и отображение сложных математических формул, поддержка gif-формата. Даже при том, что этот стандарт был совместим со второй версией, реализация его была сложна для браузеров того времени. Версия 3.1 официально никогда не предлагалась, и следующей версией стандарта HTML стала 3.2, в которой были опущены многие нововведения версии 3.0, но добавлены нестандартные элементы, поддерживаемые браузерами Netscape Navigator и Mosaic. В 1997 году, в декабре появился HTML 4.0, который сейчас является действующим стандартом языка (в уточненной редакции HTML 4.01, опубликованной в декабре 1999 г.). В версии HTML 4.0 произошла некоторая «очистка» стандарта. Многие элементы были отмечены как устаревшие и нерекомендуемые (англ. deprecated). В частности, элемент font, используемый для изменения свойств шрифта, был помечен как устаревший (вместо него рекомендуется использовать таблицы стилей CSS). Мертвой веткой является XHTML, однако сказать о ней стоит. В 1998 г. Консорциум Всемирной паутины начал работу над новым языком разметки, основанным на HTML 4, но соответствующим синтаксису XML. Впоследствии новый язык получил название XHTML. Первая версия XHTML 1.0 одобрена в качестве рекомендации Консорциумом Всемирной паутины 26 января 2000 г. Планируемая версия XHTML 2.0 должна была разорвать совместимость со старыми версиями HTML и XHTML, но 2 июля 2009 г. W3C объявил, что полномочия рабочей группы XHTML2 истекают в конце 2009 г. Таким образом, была приостановлена вся дальнейшая разработка стандарта XHTML 2.0. Ресурсы рабочей группы были направлены на развитие HTML 5. 28 октября 2014 года был принят стандарт HTML 5 [11].

---

Итак, рассмотрен язык гипертекстовой разметки, обобщенный язык разметки.

Язык разметки — набор символов или последовательностей, вставляемых в текст для передачи информации о его выводе или строении. Текстовый документ, написанный с использованием языка разметки, содержит не только сам текст (как последовательность слов и знаков препинания), но и дополнительную информацию о различных его участках — например, указание на заголовки, выделения, списки и т. д. Чтобы быть специалистом в сфере разработки программного обеспечения, необходимо иметь представление о разных компьютерных языках, в том числе о языках разметки. К тому же желательно знать историю языков разметки. Различают логическую и визуальную разметки. В первом случае речь идет только о том, какую роль играет данный участок документа в его общей структуре (например, «данная строка является заголовком»). Во втором — определяется, как именно будет отображаться этот элемент (например, «данную строку следует отображать жирным шрифтом»). Идея языков разметки состоит в том, что визуальное отображение документа должно автоматически получаться из логической разметки и не зависеть от его непосредственного содержания. Это упрощает автоматическую обработку документа и его отображение в различных условиях (например, один и тот же файл может по-разному отображаться на экране компьютера, мобильного телефона и на печати, поскольку свойства этих устройств существенно различаются). В жизни это правило часто нарушается: например, создавая документ в редакторе наподобие MS Word, пользователь может выделять заголовки жирным шрифтом, но нигде не указывать, что эта строка является заголовком. Различают командную и теговую разметки. Ярким представителем языков командной разметки является LaTeX — язык, применяемый для набора и верстки сложных научных, в первую очередь математических, текстов [10].

Идея использовать языки разметки в компьютерной обработке текстов, вероятнее всего, была впервые обнародована Вильямом Танниклиффом (англ. William W. Tunnicliffe) на конференции в 1967 г. В 1970-е гг. В. Танниклифф руководил разработкой стандарта GenCode для издательской индустрии. Тем не менее в настоящее время «отцом» языков разметки обычно называют Чарльза Голдфарба (англ. Charles Goldfarb). В 1969 г. компания IBM предложила Ч. Голдфарбу присоединиться к Кембриджскому научному центру и применить компьютеры в юридической практике. Точнее, этот проект требовал интеграции приложения по редактированию текстов с системой информационного поиска и программой по рендерингу (или оформлению) страниц. Документы должны были храниться в репозитории, откуда извлекаться по запросу. Извлеченные документы должны были быть доступными для редактирования в текстовом редакторе и сохранения в базе данных, или рендеринга, и подготовке к печати. Эта стандартная на сегодняшний день задача было далека от решения в 1969 г. Далека настолько, что приложения, которые надо было интегрировать, не то что не были подготовлены для совместной работы, они не могли быть запущены в одной операционной системе. По ходу выяснилось, что для взаимодействия с каждой из программ требовалась разная процедурная разметка. В 1969 г. Ч. Голдфарб сформулировад основную концепцию будущего языка GML. Руководство IBM решает, что GML может использоваться не только в адвокатских конторах — будущий продукт имеет серьезный коммерческий потенциал, и засекречивает разработки до их окончания. В 1973 г. Ч. Голдфарб публично представил GML. GML не зависел ни от марки компьютеров, ни от операционной системы, и IBM удалось перевести 90 % своей документации в этот формат. В 1978 г. Ч. Голдфарб убедил руководство IBM использовать GML в коммерческих целях в составе разработанного компанией «средства формирования документов» (англ. Document Composition Facility), после чего GML несколько лет широко использовался в бизнесе. GML (Generalized Markup Language — обобщенный язык разметки) — набор макросов, основной целью которых является реализация разметки, использующей теги для оформления текста [6].

---

При использовании GML документ помечается тегами, которые определяют характер текста (параграфы, заголовки, списки, таблицы). Такой документ может быть автоматически отформатирован для различных устройств, остается только указать разновидность устройства. Например, можно форматировать документ для лазерного принтера или матричного или просто вывести на экран, всего лишь указав профиль оборудования, без изменения самого документа.

В 70-х параллельно языкам разметки развивалось понятие «гипертекст» (которое возникло раньше языков разметки), и развивалось в некотором смысле независимо от них. Иными словами, для создания гипертекстовых документов применялись не языки разметки, а иные средства. В 1974 г. Теодор Нельсон предложил идею гипермедиа и начал активно ее разрабатывать. Он предложил организовывать взаимосвязанную сеть спрайтовых 1 картинок и даже создавать фильмы с меняющимся по требованию пользователя сюжетом. Эту идею воплотила в 1978 г. в системе Aspen Movie Map группа ученых Массачусетского технологического института во главе с Андреем Липпманом. Система предлагала виртуальное путешествие по Аспену (США, штат Колорадо). Машина киногруппы предварительно объехала весь город, засняв всевозможные места под разными углами с помощью четырех камер, а затем фотографии были оцифрованы и заложены в Aspen. Пользователям было доступно не только множество навигационных средств, но и глобальная карта для быстрого переключения к нужной точке города. Проект Google street view («Простор улиц») был запущен в мае 2007 г., спустя 30 лет. К 1970 г. стало ясно, что для задач из разных предметных областей необходимы разные способы описания документов (говоря современным языком, не удастся обойтись ограниченным набором тегов разметки текста). Появилась идея создать метаязык, т. е. язык описания языков разметки. Принцип был такой: возникает задача из новой предметной области, с помощью метаязыка стандартным образом создается новый язык разметки, который будет предназначен для решения данной задачи и целого класса задач, ей эквивалентных. Чтобы можно было включать одни документы в другие, авторы проекта решили ориентироваться на гипертекстовый способ организации данных. Основа для реализации сформулированных требований в виде GML уже существовала, но трудно было остановиться на конкретном технологическом решении. К 1978 г. комитет по обработке информации Американского национального института стандартов (ANSI) всерьез заинтересовался языками подготовки гипертекстовых данных. Чарльз Голдфарб возглавил комитет по созданию мощного языка разметки документов, который получил название SGML (Standard Generalized Markup Language). В его основу был положен GML. SGML создавался под влиянием идеи, что разметка должна быть сфокусирована на структурных аспектах документа и оставить внешнее представление документа интерпретатору. SGML точно определял синтаксис для включения разметки в текст, а также отдельно описывал, какие теги разрешены и где. Это давало возможность авторам создавать и использовать любую разметку, выбирая теги и давая им имена на нормальном языке. Таким образом, SGML следует считать метаязыком; множественные специальные языки разметок произошли от него. SGML разрабатывался для совместного использования машинно-читаемых документов в больших правительственных и аэрокосмических проектах. Он широко использовался в печатной и издательской сфере. В 1980 г. появился первый рабочий вариант спецификации. В 1983 г. SGML принят в качестве промышленного стандарта, поддержанного Министерством обороны и Налоговым управлением США. Спустя два года сформировалась международная группа пользователей SGML. Так начался расцвет гипертекстовых технологий. В 1986 г. SGML принят как стандарт ISO 8879. SGML (Standard Generalized Markup Language — стандартный обобщенный язык разметки) — метаязык для определения языков разметки документов. SGML предоставляет множество вариантов синтаксической разметки для использования различными приложениями [6].

---

Язык SGML создавался для решения больших и сложных задач общего вида. Авторы языка стремились сделать его очень гибким и всеобъемлющим, как следствие, язык получился чрезвычайно сложным. В то же время HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области верстки.

HTML успешно справлялся с проблемой сложности SGML путем определения небольшого набора структурных и семантических элементов — дескрипторов (тегов). С помощью HTML можно легко создать относительно простой, но красиво оформленный документ. Помимо упрощения структуры документа, в HTML внесена поддержка гипертекста и мультимедийных возможностей. Успех HTML способствовал развитию и распространению языков разметки. Язык SGML произошел от GML в том смысле, что испытал его идейное влияние. Выше мы сказали, что SGML — это метаязык, позволяющий создавать новые языки, одним из них является НТML. Таким образом, по определению HTML — это приложение SGML, реализация, язык, написанный на метаязыке SGML. Язык HTML был ограничен в своих возможностях только разметкой гипертекста, сообществу потребовался язык, который сочетал бы в себе гибкость и мощь языка SGML (позволял бы описывать произвольные данные иерархической структуры) и простоту HTML. Так в августе 1996 г. началась работа над языком XML. Язык XML — это не приложение, а подмножество SGML, и таким образом сам является метаязыком; благодаря языку XML было создано великое множество новых языков разметки [15].

На конференции SGML-96 14 ноября 1996 г. рабочая группа представила предварительный вариант нового языка на 32 страницах. Уже 10 февраля 1998 г. XML 1.0 стал рекомендацией W3C. Разработка началась с определения десяти положений, которым должен был соответствовать новый язык.

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

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

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

---