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

ВВЕДЕНИЕ

Концепция организации информации, при которой линейность повествования заменяется возможностью перехода по разным ссылкам, первоначально использовавшейся в печатных изданиях. В начале 90-х годов XX века Тим-Бернерс Ли создал, а его последователи в дальнейшем усовершенствовали, основные инструменты, которые позволили создать интернет на основе гипертекста в его современном виде. Одним из этих инструментов явился язык гипертекстовой разметки HTML для кодирования содержания веб-страниц сайтов в нужном формате.

Актуальность темы работы определена тем, что сегодня HTML остается самым универсальным языком разметки гипертекста, а, следовательно, и написания web-страниц, поскольку не требует интерпретации исходного кода в двоичный код.

Цель работы состоит в исследовании основ и презентации практического применения языка гипертекстовой разметки.

В соответствии с поставленной целью задачами работы являются:

- определение сущности понятия гипертекста и его разметки;

- характеристика языков гипертекстовой документации;

- исследование структуры документа HTML;

- создание простого HTML-сайта.

Объектом исследования являются языки гипертекстовой разметки.

Предметом исследования является алгоритм написания web-страницы на языке разметки гипертекста HTML.

Перед написанием работы были проработаны и изучены учебные источники литературы таких авторов, как Ллойд Йен, Б. Лоусон, М. Мак-Дональд, Дж. Робинс, М. Русаков, Э. Фримен, Б. Хеник и др., проанализированы статьи интернет-источников по структуре, основным тегам и алгоритму написания на языке разметки гипертекста HTML.

1. Теоретические основы гипертекста и его разметки

Сущность понятия гипертекста и его разметки

Термин «гипертекст» происходит от латинского hypertext, где приставка hyper означает сверх-, многократно превышающий обычную норму.

Изначально данное понятие использовалось в литературе. Так, в частности, Библия содержит большое количество текстовых ссылок на разные разделы и главы (стихи). Примером гипертекста также может служить энциклопедия или словарь, где каждая статья имеет несколько ссылок на другие публикации^[1].

---

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

Впервые термин «гипертекст» предложил использовать Теодор Нельсон в 1965 году. В 80-е годы XX века термин «гипертекст» в филологическом смысле употребил Жерар Женетт в книге «Палимпсесты«, где он исследовал различные виды интертекстуальных связей. Жерар Женнет разработал практическую модель исследования межтекстовых отношений, при этом основной акцент он делал не на частных текстуальных связях, а на их произведении как целостной структуре. Однако следует отметить, что термин «гипертекст» в рамках концепции Женетта имел более узкое значение, нежели в компьютерных разработках, где понятие гипертекста является ключевым^[3].

Прорыв в применении электронной версии гипертекста имел место во время зарождения интернета и связан с именем Тима-Бернерса Ли, который в начале 90-х годов XX века создал, а его последователи в дальнейшем усовершенствовали, основные инструменты, позволяющие создать интернет на основе гипертекста в его современном виде^[4].

В настоящее время нет единого определение понятия «гипертекст». Приведем наиболее используемые определения.

Так самое простое определение данного понятия, которое имеется практически в любом руководстве по веб-дизайну, гласит: гипертекст — это текст, связанный ссылками с другими текстами^[5].

Тед Нельсон дает следующую трактовку гипертексту: «гипертекст - это не последовательное сочинение, а текст, который разветвляется и позволяет читателю выбирать, т.е. это ряд кусков текста, соединенных линками, предлагающими читателю различные пути»^[6].

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

Тим Бернерс-Ли дает следующее определение: «гипертекст — это соединение смысловой структуры, структуры внутренних связей некоего содержания, и технической среды, технических средств, дающих возможность человеку осваивать структуру смысловых связей, осуществлять переходы между взаимосвязанными элементами»^[8]

---

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

Костюк Н.К. полагает, что гипертекст – это нелинейная документация, ветвящаяся и взаимосвязывающаяся, что позволят читателю исследовать содержащуюся в ней информацию в последовательности, им самим выбранной.^[9]

Гипертекст дает возможность связать текстовую информацию, аудио, фотографии, чертежи, карты, динамичные картинки и иные формы предоставления информации в единое осмысленное целое, доступ к которому возможен посредством системы индексации, которая ориентирована на конкретные идеи, а не слова в тексте^[10].

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

Следует отметить, что для демонстрации обширного текста, имеющего много информации, т.е. для организации эффективного гипертекста необходимо, чтобы вводимые ссылки были точными, оправданными и соответствовали по уровню сложности, чтобы структура текста была наглядной, а навигация по нему не доставляла бы неудобств^[11].

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

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

- замещение - позволяет заменять при просмотре текста любую часть информации рисунком или иным фрагментом текста;

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

---

- запросы – помогают проводить анализ текста с определенных пользователем позиций. Так можно использовать данные, не имеющие отношение к некоторому фрагменту текста, но при этом с ним связанные. Поиск можно производить по ключевым словам при сопоставлении с каким-либо образцом или по разделителям на основании фильтрации необходимых знаний из гипертекста^[12].

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

Следует подчеркнуть, что электронная книга также обладает опцией поддержки связи между ссылками, т.е. смысловые связи в информации можно использовать и без компьютера. Однако связи, поддерживаемые техникой, позволяют вывести уровень чтения на более высокий качественный уровень^[13].

Таким образом, идея гипертекстовой системы, зародившаяся еще в середине прошлого столетия, получила развитие, и была реализована на практике как основа Интернета, с которой сегодня сталкивается каждый ежедневно^[14].

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

Именно принцип разрыва линейности текста стал основополагающим при создании Всемирной паутины. Так Тимом Бернесом-Ли в целях реализации принципа гипертекста и гиперссылок и его последователями были созданы следующие основные инструменты, которые позволили создать интернет на основе гипертекста в его современном виде:

- язык разметки гипертекста HTML – кодирует содержание документов (веб-страниц сайтов) в нужный формат;

- протокол передачи гипертекста HTTP (HTTPS) - передает по сети информацию в электронном виде;

- система адресации URI и URL - предусматривает указание протокола передачи данных в составе адреса того или иного документа в сети;

- браузеры - позволяют реализовать все перечисленные выше возможности, а именно: отобразить текст, закодированный с помощью средств HTML, в удобном для чтения виде; осуществить прямой переход на нужную страницу любого веб-сайта путем ввода URL в адресную строку браузера; следовать по созданным гиперссылкам, находящимся в составе контента веб-страницы^[16].

---

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

Характеристика языков разметки гипертекста

Язык разметки документов – это набор специальных инструкций, называемых тегами, предназначенных для формирования в документах какой-либо структуры и определения отношений между различными элементами этой структуры^[17].

Теги языка, каким-либо образом кодируются в таких документах, и выделяются относительно основного его содержимого и служат в качестве инструкций для программы, производящей показ содержимого документа на стороне клиента. В самых первых системах для обозначения таких команд использовались символы “ < ” и “ > ”, внутри которых помещались названия инструкций и их параметры. Сейчас данный способ обозначения тегов является стандартным^[18].

Так в 1986 г. Международная организация по стандартизации (ISO) приняла первый стандарт ISO-8879, именуемый «Standard Generalized Markup Language (SGML)». Этот стандарт был посвящен описанию языка SGML - обобщенного метаязыка, позволяющего строить системы логической и структурной разметки любых разновидностей текстов. При этом следует подчеркнуть, что в такой разметке управляющие коды, вносимые в текст, не несут информации о внешнем виде документа, а только задают его логическую структуру, т.е. указывают границы и соподчинение его составных частей^[19].

Следует отметить, что SGML является наследником разработанного в 1960 году в IBM языка GML (Generalized Markup Language - обобщенный язык разметки), который представлял собой набор макросов для реализации разметки и использовал теги для оформления текста, используя процедурную разметку SCRIPT, определяющую, чем текст является с точки зрения параграфов, заголовков, списков и таблиц, что позволяло осуществить автоматическое форматирование текста для различных устройств, необходимо было только указать разновидность устройства^[20].

---