Язык HTML как средство создания информационных ресурсов

Размещено на http://www.allbest.ru/

РЕФЕРАТ

Язык HTML как средство создания информационных ресурсов

Автор: Сосков Елисей Александрович



Оглавление

Ведение

1. История создания и развития языка HTML

2. Основы создания HTML документов

2.1 Принцип работы языка. Синтаксис

2.1.1 Структура HTML-документа

2.1.2 Оформление блоков гипертекста

2.1.3 Описание таблиц

2.1.4 Гипертекстовые ссылки

2.2 Основные отличия HTML5 от предыдущих спецификаций

Заключение

Список литературы



Введение

информационный интернет гипертекст табличный

Интернет на сегодняшний день является самым динамично развивающимся средством массовой информации. Всемирная паутина растет в размерах, становится доступной даже в самых удаленных уголках планеты. С каждым днем интернет-технологии дают все больше и больше возможностей разработчикам для реализации своих идей, которые всего 20 лет назад казались научной фантастикой. Научные организации, такие как Консорциум Всемирной паутины(W3C) или Институт инженеров по электротехнике и электронике(IEEE) все время заняты разработкой новых протоколов и принципов работы Интернет, для того чтобы полностью раскрыть потенциал Сети и гарантировать ее долгосрочное развитие.

Сейчас сайты динамичные, интерактивные, умеют собирать, хранить и обрабатывать полученную информацию. Но, как и 20 лет назад, основным инструментом взаимодействия пользователя с функционалом Web-ресурсов являются Web-страницы - документы, написанные на языке разметки гипертекста (HTML или HyperText Markup Language). На сегодняшний день существует уже пятая версия HTML, которая была создана энтузиастами из разных крупных компаний. Но это не только продолжение успевшего уже устареть языка разметки, но и качественно новая открытая платформа, предназначенная для создания Web-интерфейсов нового уровня, использующих видео, аудио, анимацию, графику и многое другое.

Цель данной работы - изучить основы языка путем раскрытия основных практических особенностей создания HTML-документов и истории его развития, что позволит многим ответить на вопрос «Почему именно так?» при использовании языка на практике,



1. История создания и развития языка HTML

В 1989 году Тим Бернерс-Ли, сотрудник центра высоких технологий (CERN), предложил проект распределенной гипертекстовой системы под названием WWW (World Wide Web). Гипертекст - это текст, «который разветвляется сам по себе или выполняет действия по запросу». Изначально проект задумывался для того, чтобы объединить все информационные ресурсы CERN в единую распределенную систему гиперссылок, но данная технология, оказалась настолько перспективной, что впоследствии, благодаря простоте и использованием уже известных на тот момент сетевых протоколов (TCP и IP), ляжет в основу известной на егодняшний день Всемирной паутине.

World Wide Web - первая успешно реализованная сетевая технология, удобство применения привели к росту числа пользователей WWW и привлекли внимание коммерческих компаний, благодаря чему количество пользователей увеличивается геометрически и по сей день.

Одним из основных составляющих World Wide Web стал язык гипертекстовой разметки HTML, разработанный Тимом Бернерсом-Ли на основе стандарта языка разметки печатных документов -- SGML (Standard Generalised Markup Language, стандартный обобщенный язык разметки).

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

Первая задача была решена за счет выбора теговой модели(см. главу 2) описания документа. Такая модель широко применяется в системах подготовки документов для печати.

Для реализации HTML документов был выбран текстовый файл, так как помимо существования стандарта Z39.50 (который подразумевал простой текстовый файл, соответствующий кодировке US ASCII, как единицу хранения), создание и редактирование такого файла возможно в любом текстовом редакторе.

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

HTML 1.0 предназначался скорее для презентации самого языка. HTML 2.0 уже определял четкую архитектуру документов. HTML++ предоставил больше возможностей для составления научных статей и формирования таблиц. HTML 3.2 собрал воедино нововведения и наработки предыдущих версий, позволил выполнять на странице написанный на Java код. В HTML 4.01. расширены возможности работы с мультимедиа, была введена интеграция с таблицами стилей CSS, языкиами программирования JavaScript и VBScript.

Но в 1998 году язык HTML был признан устаревшим (по сравнению с XML) и W3C решили заморозить язык разметки на версии 4.01. Затем был разработан язык XHTML, сочетающий в себе структуру HTML и синтаксис XML. Были разработаны два стандарта XHTML Transitional и XHTML Strict Первый был разработан для упрощения перехода на устоявшийся стандарт XHTML strict. Затем началась работа над XHTML 2.0. При разработке данного стандарта была совершена попытка улучшить логику писания разметки.

Но команда энтузиастов из компании Opera считали, что XML (а так же XHTML 2.0) не является достойным стандартом языка разметки. Они запустили проект по разработке экспериментального стандарта, добавив расширения для форм HTML, сохраняя при этом обратную совместимость. В результате получился стандарт Web forms 2.0, который в дальнейшем вошел в состав HTML5. После присоединения к команде разработчиков сотрудников из Mozilla они продолжили работу над проектом назвав себя WHATWG (Web Hypertext Application Technology Working Group, «рабочая группа по разработке гипертекстовых приложений для Интернета» -- http://www. whatwg.org). Код данного проекта является открытым и каждый может предложить любые изменения и нововведения в спецификацию. В последствии W3C признала, что попытка перевести весь мир на XML оказалась провальной и проголосовала за использование разработки от WHATWG в качестве основной, обновленной версии HTML, и так начался процесс работы над HTML5 аналог которой параллельно разрабатывала W3C и WHATWG. В 2009 году W3C направила все доступные средства на разработку HTML5.



2. Основы создания HTML документов

2.1 Принцип работы языка. Синтаксис

Как и было сказано ранее основой для HTML-были приняты текстовые документы, содержащие в себе HTML5. Рассмотрим следующий код:

<HTML> <HEAD> <TITLE>Lorem ipsum</TITLE> </HEAD> <BODY> dolor sit amet, <BR> consectetur adipiscing elit </BODY> </HTML>

Так выглядит теговая модель создания HTML документа, которая подразумевает описание определенной конструкции при помощи тегов. Каждый тег начинается с левой угловой скобки "<" и заканчивается правой угловой скобкой ">". Многие основные теги (так называемые контейнеры) используются в паре с их закрывающими аналогами (например пара Закрывающая пара после левой угловой скобки содержит символ "/" (например, пара <html> </html>) для того, чтобы обеспечить вложение в область действия тегов содержания или других тегов.

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

В данном случае написанный выше текст будет отображаться следующим образом (рис 1):

Рисунок 1.

Следовательно, для того, чтобы создать простейший HTML документ достаточно всего лишь открыть стандартный Блокнот, скопировать в него код выше и сохранить документ, скажем, как index.html. (расширение файла - очень выжный пункт. В конце вам всего лишь нужно открыть этот документ любым браузером.

В свою очередь браузер считывает заключенное в теги содержание документа и распознает, где находится название документа (<title>) и где его основная часть <body>, таким образом создавая структуру документа и формируя страницу. С помощью тегов можно сказать браузеру, где находится переход на другую строку, где используется специальная типографика, или где необходимо отобразить контент в формате таблицы.

Все теги HTML по их назначению и области действия можно разделить на следующие основные группы:

· Структура документа (теги отвечающие за обозначения основных элементов HTML-документа)

· Оформление блоков гипертекста (параграфы, списки, таблицы, картинки);

· Гипертекстовые ссылки и закладки (теги, которые связывают несколько HTML-документов в Web-сайт);

2.1.1 Структура HTML-документа

За структуру HTML-документа отвечают следующие теги:

<HTML> - в данном контейнере находится все содержимое HTML-документа.

<HEAD> - содержит заголовок страницы <TITLE> и техническую информацию.

<BODY> - содержит содержимое документа отображающееся в рабочей области.

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

Для создания фреймов используют тег <FRAMESET> (объявление набора фреймов) и FRAME (объявление самого фрейма). Часть страницы, не попадающая в фреймы заключается в тег <NOFRAMES>:

<HTML>

<HEAD>

Lorem ipsum

</HEAD>

<Frameset ...>

<FRAME ...>

<FRAME ...>

</FRAMESET>

<NOFRAMES>

</NOFRAMES>

</HTML>

2.1.2 Оформление блоков гипертекста

Для создания типографики в HTML-документах используются следующие теги:

· <B> - жирное написание

· <I> - курсив.

· <U> - подчеркнутый стиль

Так же в документ могут быть добавлены уровневые заголовки при помощи тегов <H1>, <H2>, <H3>, <H4>, <H5>. Цифра соответствует уровню заголовка.

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

· <P> - контейнер для абзаца,

· <BR> - перевод строки,

· <HR> - горизонтальная черта (разделитель),

· <PRE> - контейнер для текста без форматирования. Для оформления списков:

· <UL> неупорядоченные,

· <OL> упорядоченные

· <DL> списки определений.

2.1.3 Описание таблиц

Для описания таблицы используется контейнер <TABLE>, с атрибутом border для отображения границы. Заголовок таблицы размещается в контенере CAPTION.

Контейнеры <TR> и <TD> используются для составления структуры таблицы. <TR> отвечает за строки, в которую помещаются ячейки, используя контейнер <TD>. С помощью атрибутов Left, Right, Center можно задавать выравнивание текста.

2.1.4 Гипертекстовые ссылки

Для размещения ссылок используется контейнер <a>, который содержит обязатльный атрибут HREF, который служит для указания адреса перехода документа. Если путь будет указан неверно, или ссылка указывает на несуществующий файл, то браузер вернет ошибку при переходе.

2.2 Основные отличия HTML5 от предыдущих спецификаций

На сегодняшний момент HTML5 все еще разрабатывается. Все еще ведутся обсуждения по поводу следующих нерешенных проблем:

· Доработка некоторых элементов оформления в логической части языка.

· Интеграция с альтернативными методами отображения медиа данных.

На текущий момент основными отличиями HTML5 являются:

1) HTML5 имеет обратную совместимость с современными браузерами, и для упрощения интерпретации некоторые элементы и атрибуты оформления не включаются в документ, а описываются в CSS.

2) Подход к разработке языка - HTML5 не будет считаться завершенным до тех пор, пока не будут готовы хотя бы две полностью завершенные спецификации.

3) Доработанная веб архитектура, включающая в себя использование объектной архитектуры для написания языка, ограничения языка обязательными определениями и подробной семантикой языка, открытая лицензия для внедрения пользовательских решений, оффлайн-кэш, а так же внедрение Drag'n'Drop и Copy&Past.

4) Явное определение кодировки документа

5) Обязательное наличие тега <!Doctype> для корректного отображения документа

6) Встроенная поддержка идентификаторов IRI



Заключение

На сегодняшний момент перспективы развития языка представляются четче, чем раньше, но все еще не совсем просто. Над языком трудятся две организации, которые сильно отличаются в политике и методах работы. По сей день вопрос «Когда он будет готов?» является самым острым для тех, кто не равнодушен к HTML5. По словам разработчиков язык получит статус «рекомендовано к использованию только к 2022 году. Но, как и описано ранее, получение такого статуса возможно только при наличии хотя бы двух законченных спецификаций языка, и, несмотря на неоднозначный статус основная часть браузеров сейчас успешно поддерживает HTML5, и толпы специалистов по всему миру активно занимаются разработкой Web-решений именно на этой версии языка разметки. В результате чего, можно сказать, что новая версия воскрешённого когда-то HTML полностью готова к использованию и, в дальнейшем, будет только обретать новые возможности и становится более устойчивым в плане стандартов написания Web-сайтов .



Список литературы

1) А. Петлюшкин HTML. Экспресс-курс. -- СПб.: БХВ-Петербург, 2003. -- 256 с.: ил. ISBN 5-94157-317-0

2) Лоусон Б. Шарп Р. Изучаем HTML5. Библиотека специалиста. 2-е изд. -- СПб.: Питер, 2012. -- 304 с.: ил.

3) Мак-Дональд М. HTML5. Недостающее руководство: Пер. с англ. -- СПб.: БХВ-Петербург, 2012. -- 480 с.

Размещено на Allbest.ru