Добавлен: 14.05.2023
Просмотров: 455
Скачиваний: 3
СОДЕРЖАНИЕ
Глава 1. ИСТОРИЯ СОЗДАНИЯ ЯЗЫКОВ РАЗМЕТКИ ГИПЕРТЕКСТА
1.1. Основные понятия концепции гипертекста
1.2. Обобщенный стандартный язык разметки SGML
1.3. Возникновение Всемирной паутины и языка HTML
1.4. Эволюция версий языков HTML и XHTML
Глава 2. ОСНОВНЫЕ ПРИНЦИПЫ РАЗМЕТКИ WEB-ДОКУМЕНТОВ С ПОМОЩЬЮ ЯЗЫКОВ HTML И XHTML
2.1. Основные возможности языка HTML 4.01
2.2. Особенности разметки XHTML
Глава 3. НОВЫЕ ВОЗМОЖНОСТИ В HTML5
3.1. Структура Web-документа в HTML5
ВВЕДЕНИЕ
Актуальность темы исследования. Настоящее время характеризуется постоянно увеличивающимся ростом объемов информации в повседневной жизни. Большие информационные массивы, которые раньше нельзя было ни собрать, ни хранить, теперь создаются, обрабатываются и перемещаются с огромными скоростями. Если еще десятилетие назад основной составляющей передаваемых информационных массивов была текстовая информация — электронные книги, сведения, описания событий, то на сегодняшний день с такой же скоростью перемещаются и другие данные – графическая, звуковая, видеоинформация, исполняемые компьютерные программы.
Основой современных Интернет-технологий являются языки разметки гипертекста, написания сценариев и скриптов Web-документов. Впервые язык гипертекстовой разметки HTML был использован для создания пересылаемых по сети документов в 1990 г. С тех пор информационные технологии невообразимо изменились. Появилась Всемирной паутина и Консорциум W3C, разрабатывающий и внедряющий новые технологические стандарты. Учитывая скорость изменения современных технологий, постоянное обновление стандартов, и тот факт, что большинство Web-документов содержат описание разметки на языке HTML или XHTML, тема изучения существующих на сегодня языков гипертекстовой разметки является весьма актуальной.
Объектом исследования в работе являются современные Web-технологии, основанные на языках гипертекстовой разметки HTML и XHTML.
Предметом исследования основные принципы создания Web-страниц, Web-сайтов и разработки Internet-приложений с использованием языков гипертекстовой разметки HTML и XHTML.
Целью данной работы является изучение существующих языков разметки гипертекста и основных возможностей, реализуемых с помощью того или иного языка разметки. В связи с этим ставятся задачи изучить и описать:
- понятия гипертекста, гиперссылки, гипертекстовой системы, навигации;
- эволюцию и основные принципы создания языков SGML, HTML, XHTML, HTML5;
- общую структуру HTML-документа, использование основных тегов и атрибутов;
- различия в разметке HTML- и XHTML-документов;
- новые возможности языка HTML5.
В качестве источников в работе использованы:
- учебные пособия по информационным системам, информационным технологиям и Web-дизайну [1., 3., 4., 7., 8., 11., 13.];
- работы по теории гипертекста [2., 15., 16., 18.];
- монографии-руководства по созданию Web-сайтов с использованием различных языков гипертекстовой разметки [5., 6., 9., 10., 12., 14., 17.];
- документы Консорциума Всемирной паутины, содержащие точные описания (спецификации) изучаемых языков [20. – 28.];
- справочные материалы по языкам HTML, XHTML и HTML5, представленные и протестированные на сайте http://htmlbook.ru/html [19.].
Глава 1. ИСТОРИЯ СОЗДАНИЯ ЯЗЫКОВ РАЗМЕТКИ ГИПЕРТЕКСТА
1.1. Основные понятия концепции гипертекста
Гипертекст — термин, введённый Тедом Нельсоном в 1965 году для обозначения «текста ветвящегося или выполняющего действия по запросу»[1]. Обычно гипертекст представляется набором текстов, содержащих узлы перехода между ними, которые позволяют избирать читаемые сведения или последовательность чтения.
По мнению Т. Нельсона, главной чертой гипертекста является отсутствие непрерывности и его нелинейная структура. Иными словами, «материал можно читать в любом порядке, образуя разные линейные тексты»[2].
Первая попытка описать «гипертекстовую машину» была предпринята ещё в 1945 г. Ваннавером Бушем в предложенном им проекте электронно-механического устройства Memex, предназначенного для «усиления мыслительных способностей» человека [18.]. В системе Memex человек «...сможет хранить свои книги, записи и сообщения, и к которой сможет обращаться, как к консультанту, с растущей скоростью и гибкостью ответов. Для этого перед ним должны находиться два элемента хранения, спроектированные на экраны. Пользователь нажимает специальную кнопку, и эти два элемента соединяются навсегда. После этого в любой момент времени, когда один из них находится в поле зрения, другой может быть вызван простым нажатием кнопки».[3] Бушем было также предсказано всеобъемлющее индексирование текстов и мультимедийных ресурсов с возможностью быстрого поиска необходимой информации.
Приведем еще несколько определений гипертекста:
- Гипертекст позволяет связывать текст, аудио, фотографии, чертежи, карты, движущиеся картинки и другие формы информации в осмысленное целое, к которому может осуществляться доступ при помощи системы индексации, ориентированной на конкретные идеи, а не на конкретные слова в тексте».
- Гипертекст можно определить как нелинейную документацию, документацию, которая ветвится и взаимосвязывается, позволяя читателю исследовать содержащуюся в ней информацию, в последовательности, которую он сам выбирает.[4]
- Гипертекст — это обычный текст, содержащий ссылки на собственные фрагменты и другие тексты. Аналогом гипертекста можно считать книгу, оглавление которой по своей сути представляет ссылки на главы, разделы, страницы (рис. 1).[5]
- Гипертекст — это текст, содержащий ключевые слова-ссылки (гиперссылки) на другие источники информации (фрагменты текстов, словарь терминов, понятий и определений, персоналии, хрестоматийные статьи, литературу, электронные библиотеки, иллюстративный материал, образовательные сайты в Интернете и другие вспомогательные учебные материалы).[6]
Текст 2
Текст 4
Текст 1
Текст 3
Рис. 1.1. Структура гипертекста.
Гипертекст интерактивен, так как читатель сам выбирает способ и последовательность чтения гипертекста. Основным элементом гипертекста являются гиперссылки.
Гиперссылкой называется особым образом отформатированный текст или рисунок, содержащий скрытый адрес другого ресурса в Web. Щелчок по гиперссылке вызывает переход к заданному документу, который отобразится либо в активном окне обозревателя, либо во вновь открытом окне. [7]
В зависимости от места, на которое осуществляется переход, можно выделить локальные (ссылки на другие части того самого документа, откуда они осуществляются) и глобальные (ссылки на другие документы, в общем случае — на какие-либо ресурсы, расположенные вне данного документа) гиперссылки.
В зависимости от объекта, на который ссылаются гиперссылки, их можно разделить на:
• гиперссылки на web-страницу;
• гиперссылки на часть документа внутри текущей Web-страницы;
• гиперссылки на документ FTP-сервера
• гиперссылки на мультимедийный Internet-ресурс;
• гиперссылки на электронную почту;
• гиперссылки на сценарий на языке Java Script. [8]
Гипертекст в совокупности с различными видами мультимедийной информации и поддерживаемыми между ними связями называется гипермедиа.
Центральным понятием концепции гипертекста является навигация — управление процессом перемещения в гиперпространстве из произвольного узла отправления в узел прибытия. Специфической составляющей навигации является броузинг (от англ. «browse») — процесс беглого просматривания гипертекстовых документов или гипертекстовой базы данных с целью поиска определенных сведений.[9]
1.2. Обобщенный стандартный язык разметки SGML
Концепция гипертекста, предложенная Т. Нельсоном, получила свое дальнейшее развитие в конце 1960-х гг. в работах Чарльза Голдфарба. Группа исследователей из компании IBM под его руководством в 1969 г разработала «прототип языка для разметки технической документации, впоследствии названного GML (Generalized Markup Language)».[10] Основным принципом языка GML было четкое разграничение логической структуры документа и его оформления.
Для этой цели был задействован механизм определений типов документов (DTD — Document Type Definition). DTD, как и лист стилей, представляющий собой файл, внешний по отношению к документу. Разделение содержания, представления и проверки на допустимость обеспечивает чрезвычайную гибкость, поскольку как листы стилей, так и DTD могут быть легко модифицированы, в то время как структурная разметка документа может при этом оставаться неизменной.[11]
В 1986 г. Международная организация по стандартизации (ISO) приняла первый стандарт ISO-8879, основанный на GML и озаглавленный «Standard Generalized Markup Language (SGML)». Этот стандарт был посвящен описанию языка SGML —обобщенного метаязыка, позволяющего строить системы логической и структурной разметки любых разновидностей текстов. Слово структурная означает, что управляющие коды, вносимые в текст при такой разметке, не несут никакой информации о внешнем виде документа, а лишь указывают границы и соподчинение его составных частей, т. е. задают его логическую структуру.
Язык SGML был разработан для стандартизации обмена данными между разнородными программами и платформами. Он являлся не только мощным, но и очень сложным средством. Кроме того, SGML-документ было трудно интерпретировать без определений языка разметки, который хранится в определении типа документа DTD (document type definition). DTD необходимо было посылать вместе с SGML-документом или включать в документ, для того чтобы можно было распознать теги, созданные пользователем. Под тегами понимались специальные управляющие коды, записываемые в виде текста, ограниченного угловыми скобками.[12]
Принципы, на которых строится язык SGML, значительны и интересны; идеология языка оказала влияние на многие компьютерные разработки. Однако сам по себе SGML не получил заметного распространения до тех пор, пока он не был выбран в качестве основы для нового языка разметки гипертекстовых документов.[13]
1.3. Возникновение Всемирной паутины и языка HTML
Всемирная паутина (World Wide Web, WWW) зародилась в Европейской организации по ядерным исследованиям (CERN) в Женеве (Швейцария) в 1989 году. Программист по имени Тим Бернерс-Ли впервые предложил систему управления информацией, которая использовала «гипертекстовый» процесс для объединения связанных документов по сети. Он и его сотрудники создали прототип проекта и выпустили его для презентации. В первые несколько лет веб-страницы были только текстовыми. В 1992 году в мире было всего 50 веб-серверов.
Реальный рост популярности Всемирной паутины произошел в 1993 году, когда был представлен первый графический браузер (NCSA Mosaic). Это позволило Всемирной паутине превратиться из научного исследования в средство массовой информации. Развитие Всемирной паутины продолжается под наблюдением созданного в 1994 г. Консорциума Всемирной паутины (W3C).[14]
В основе Всемирной паутины лежит протокол передачи гипертекстовых сообщений HTTP (Hypertext Transfer Protocol), а сами страницы формируются с помощью гипертекстового языка описания документов HTML (HyperText Markup Language).[15]
Всемирную паутину образуют миллионы веб-серверов сети Интернет, расположенных по всему миру. Большинство ресурсов Всемирной паутины представляет собой гипертекст. Гипертекстовые документы, размещаемые во всемирной паутине, называются веб-страницами.
Веб-страница, или веб-документ, как правило, состоит из основного HTML-файла и некоторого количества ссылок на другие объекты разного типа: изображения, другие HTML-файлы, аудио- и видеофайлы.
HTML-файлом, HTML-страницей или гипертекстовой страницей называют файл, который содержит текст, написанный на языке HTML.[16]
Язык HTML, составивший основу WWW, был разработан Тимом Бернерсом-Ли на базе уже существующего стандартного языка разметки печатных документов — SGML (Standard Generalised Markup Language), который является стандартом ISO с 1986 г. Строго говоря, язык HTML есть подмножество метаязыка SGML.[17]
HTML, однако, был задуман как достаточно вольный стандарт. Иными словами, страница, созданная с его использованием, должна обрабатываться браузером несмотря ни на что, в любом случае, даже при наличии откровенных ошибок в коде.
В качестве элемента гипертекстовой базы данных, описываемой HTML, используется текстовый файл, который может легко передаваться по сети с использованием протокола HTTP. Эта особенность, а также то, что HTML является открытым стандартом, и огромное количество пользователей имеет возможность применять этот язык для оформления своих документов, безусловно, повлияли на рост популярности HTML и сделали его сегодня главным механизмом представления информации в Web. Преимуществами языка HTML являются простота, надплатформенность (возможность непосредственной интерпретации в любой операционной системе), минимальный размер файла, удобство редактирования и интерпретации.