Файл: бзор характеристик гипертекста и тегов HTML 5.pdf

Введение

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

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

С помощью языка HTML легко и быстро можно сделать форму для отправки какого-либо запроса. Такая форма будет иметь все необходимые атрибуты: и поле для ввода и кнопку отправки и остальные элементы web-страницы.

Ч. Муссиано и Б. Кеннеди в работе «HTML и XHTML. Детальное руководство »^[1] предоставили полную информацию по этим двум языкам разметки гипертекста. Начиная от самого простого базового синтаксиса и семантики до практических советов, которые можно использовать на любом уровне владения профессией.

Книга Б. Лоусона и Р. Шарпа «Изучаем HTML5»^[2], изданная в 2011, знакомит читателя с новыми стандартами web-программирования в среде HTML 5. В ней есть примеры новых функциональных возможностей, которые активно используются ведущими разработчиками.

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

Среди современных средств и технологий web-индустрии существует достаточно большое количество средств для создания web-сайтов, но лишь немногие из них способны предоставить разработчикам инструменты для решения подавляющего большинства задач, стоящих перед ними. В этих условиях важным является отслеживание трендов в области web-индустрии.

Предметом курсовой работы является совокупность характеристик гипертекста и тегов, используемые в HTML5.

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

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

Согласно поставленной цели определены следующие задачи для ее достижения:

- проработать теоретические сведения об истории возникновения HTML5 и Web-технологий;

- провести аналитический обзор характеристик гипертекста и тегов HTML 5;

---

1. История возникновения HTML 5 и Web-технологий

Вопросам развития HTML 5 и Web-технологий и их применения в настоящее время посвящены работы отечественных исследователей В.Ю. Быкова, М.И. Жалдака, Н.В. Морзе, С.А. Семерикова, А.В. Спиваковского, А.Н. Спирина и др., зарубежных ученых Т. Бернерс-Ли (Tim Бернерс-Lee), А. Кемписато (Oswald Campesato), К. Нильсона (Kevin Nilson), Т. О'Рейлли (O'Reilly, Tim), Д. Хариса (Daniel Harris) и др.

Web-технология - это понятие, которым пользуются в случае обозначения ряда технологий и сервисов Интернета [1].

Т. О'Рейлли отмечает, что Интернет-технология - это методика проектирования систем, которые путем учета сетевого взаимодействия становятся лучше в зависимости от увеличения их пользователей [2].

Всемирная глобальная сеть (World Wide Web дальше Web) имеет интересную историю своего возникновения и развития. Годом рождения технологии Web считается 1992 год, а отцом-основателем Tim Berners-Lee, которому удалось, используя новые сетевые технологии и опыт своих предшественников, сделать технологии Web понятным и удобным средством распространения информации во всемирной сети Internet.

Одновременно с развитием Web-технологий, насыщением Web новыми сервисами и возможностями, развились и язык разметки гипертекста HTML5. С момента своего появления стандарт HTML получил множество изменений, последнее из которых это спецификация HTML 5.0.

HTML (от англ. Hyper Text Markup Language - «язык гипертекстовой разметки») - стандартный язык разметки документов в сети Интернет [3]. Большинство веб-страниц содержат описание разметки на языке HTML (или XHTML). Язык HTML интерпретируется браузерами и отображается в виде документа в удобной для человека форме.

Язык HTML является приложением SGML (стандартного обобщённого языка разметки) и соответствует международному стандарту ISO 8879.

Во всемирной паутине HTML-страницы, как правило, передаются браузерам от сервера по протоколам HTTP или HTTPS, в виде простого текста или с использованием шифрования.

Язык HTML был разработанной британским ученым Тимом Бернерс-Ли примерно в 1986-1991 годах в стенах Европейского Центра ядерных исследований в Женеве (Швейцария) [4]. Элементами являются структурные и семантические элементы - дескрипторы. Дескрипторы также часто называют «тегами». Также, в HTML внесена поддержка гипертекста.

Таким образом, web-страницы создаются с помощью языка разметки гипертекста HTML. Описание web-страниц содержится в HTML-программе, которая хранится в обычном текстовом файле с расширением htm или html. Программы на языке HTML содержат инструкции (коды), называемые тегами [5]. Все теги языка HTML выделяются символами-ограничителями <и>, между которыми записывается идентификатор (имя) тега и, возможно, его параметры. Большинство тегов HTML используется попарно, то есть для отдельного тега (открывающего) в документе есть соответствующий закрывающий тег, который записывается так же, как и открывающий, но символом / перед именем тега (закрывающие теги не используют параметры) [6].

---

Со временем Интернет стал востребован не только учеными: к нему пришли и рядовые пользователи, надо отметить, что их количество неуклонно росло.

Для многих было очевидно, что HTML, не предусматривал динамики в созданных с его помощью документов. Это дало толчок развитию технологий CSS, внедрение поддержки апплетов Java, а после и сценариев (первым языком была JavaScript).

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

В 1994 году была создана организация, которая взяла на себя разработку единых стандартов развития WWW - World Wide Web Consortium (W3C). Эта организация и занялась подготовкой стандартов HTML (начиная с HTML 2.0). но, несмотря на наличие W3C, нововведения в HTML начинали поддерживаться производителями браузеров гораздо раньше, чем эта организация их стандартизировала (так, например, было с фреймами, с использованием сценариев в HTML-документах, с объектной моделью документов и т.п.).

Организация W3C существует и сейчас. Она занимается теми же вопросами стандартизации (последняя спецификация HTML5 была принята 14 февраля 2014 года).

Язык HTML в том виде, в котором он существует сейчас, обладает большим потенциалом представления информации. Причем он рассчитан не только на пользователей персональных компьютеров. Документы HTML можно просматривать на очень большом количестве различных по своим возможностям устройств: от черно-белого экрана мобильного телефона до телетайпа или терминала. Кроме того, в последние версии HTML включен ряд возможностей, облегчающих представление документов неграфическими средствами (например, речевой синтезатор), которые позволяют пользоваться услугами WWW людям с ограниченными возможностями.

Текущее положение HTML5 не так запутано, как было прежде, но все равно не до конца понятно. Над HTML5 работают две группы. WHATWG создает спецификацию HTML5 в рамках процесса «утвердить, затем пересмотреть». Рабочая группа по W3C HTML берет эту спецификацию и проводит ее через процесс «пересмотреть, затем утвердить».

Ян Хиксон в интервью сказал, что ожидает, что HTML5 получит статус предложенной рекомендации в 2022 году. Поэтому последовала волна общественного возмущения от ряда web-разработчиков. Они не понимали, что значит «Предложенная рекомендация». В данном случае для того, чтобы получить статус «предложенной рекомендации», нужно иметь две полных реализации HTML5. Учитывая объем спецификации, эта дата невероятно амбициозная.

---

Вывод: в данной главе рассмотрена история возникновения языка гипертекстовой разметки HTML 5 и Web-технологий, проведен критический анализ литературы по теме.

2. Обзор характеристик гипертекста и тегов HTML 5

Гипертекст обеспечивает функционирование больших объемов текстовой, графической и других видов информации в виртуальном пространстве [7]. Коммуникационные процессы осуществляются в условиях множественного, фрагментарного дискурса, который постоянно разрастается и приобретает новые форматы. Формируются новые типы сообщений, смешанные с лексическими и грамматическими характеристиками в результате взаимодействия языков и видов информации. Все это связано с процессами влияния новейших информационно-коммуникационных технологий на процессы глобализации [8].

Важной спецификой "гипертекста" является его имманентность - рост сознания личности со средствами коммуникации и способность человека усваивать знания мгновенно и приобретать навыки работы с новейшими коммуникационными средствами [9].

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

К общим характеристикам гипертекста целесообразно отнести [10]: интерактивность (включение читателя к созданию собственного текста с помощью устройств ввода-вывода информации в персональном компьютере - читатель, "кликая" мышью на определенные ссылки, активизирует ту информацию, которая его интересует), мультимедийность (гипертекст кроме собственно текстового представления информации может содержать аудио-, фото- или видеоинформацию в on-line или off-line режиме); динамику (гипертекст можно в любом виде и в любой момент вывести на распечатку, в середине гипертекста могут содержаться ссылки на графики или диаграммы, которые постоянно меняются - динамические данные), дисперсность структуры (разбросанность элементов гипертекста как совокупности внешних элементов и связей между ними).

---

Большинство документов имеют стандартные элементы, такие, как заголовок, параграфы или списки. Используя теги HTML5 можно обозначать данные элементы, обеспечивая WEB-браузеры минимальной информацией для отображения данных элементов, сохраняя в целом общую структуру и информационную полноту документов [11]. Все что необходимо, чтобы прочитать HTML-документ — это WEB-браузер, который интерпретирует тэги HTML и воспроизводит на экране документ в виде, который ему придаст автор.

В большинстве случаев создатель документа строго определяет внешний вид документа. В случае HTML разработчик (основываясь на возможностях WEB-браузера) может в определенной степени управлять внешним видом документа (но не его содержимым). HTML5 позволяет отметить, где в документе должен быть заголовок или абзац с помощью тега HTML5, а затем предоставляет WEB- браузеру интерпретировать эти тэги [12]. Например, один web-браузер может распознавать тэг начала абзаца и представлять документ в нужном виде, а другой не имеет такой возможности и предоставляет документ в одну строку. Пользователи некоторых WEB-браузеров имеют, также, возможность настраивать размер и вид шрифта, цвет и другие параметры, влияющие на отображение документа.

HTML-теги стандартно подразделяются на два подвида [13]:

- Теги, которые определяют, как будет визуализировано тело документа WEB-браузером;

- Теги, которые описывают общие свойства документа, например, такие как заголовок документа.

Главным достоинством HTML5 является то, что документ может быть отображен на большинстве WEB-браузерах и на многочисленных платформах [14]. HTML-документы могут быть разработаны и внедрены благодаря любому текстовому редактору или специальных HTML-редакторов.

Например, HTML редакторы, такие, как "Netscape Navigator Gold" компании Netscape позволяют создавать документы графически с использованием технологии WYSIWYG (What You SeeIs What You Get). С другой стороны, существует большинство традиционных средств для создания гипертекстовых документов - конвертеры, позволяющие превращать документы к формату HTML.

В приложении 1 приведен список базовых тегов языка гипертекстовой разметки HTML [15].

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

HTML5 существенным образом упростил процесс создания веб-приложений. Благодаря HTML5 веб-страницы могут хранить данные локально в браузерах пользователей, что позволяет отказаться от HTTP-cookie. Контент доставляется быстрее и безопаснее. HTML 5 также упростил процесс кроссбраузерности. Обычно, браузеры использовали различные плагины для проигрывания мультимедиа файлов. Встроенная поддержка аудио и видео устраняет проблемы с совместимостью.

---