Файл: Языки гипертекстовой разметки (ОПРЕДЕЛЕНИЕ СОДЕРЖАНИЯ ОСНОВНЫХ ПОНЯТИЙ)).pdf

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

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

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

Термин “технологии Web” или “Web – технологии” объединяет в себе два выше рассмотренных понятия “Web” и “Информационная технология”. В большинстве энциклопедий и словарей под Web - технологией понимается “технология построения Всемирной паутины, представление разного рода документов, находящихся в Интернете в виде связных между собой системой ссылок”

Глава 2. ТЕХНОЛОГИИ WEB

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

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

Основой всей Всемирной паутины является язык разметки гипертекста HTML – Hyper Text Markup Language (рис. 14). Он служит для логической (смысловой) разметки документа (веб-страницы). Иногда его неправомерно используют для управления способом отображения содержимого веб-страниц на экране монитора или при выводе на принтер, что в корне противоречит идеологии, принятой во всемирной паутине.

Рис. 14. Веб-технологии

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

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

Для придания веб-страницам динамизма (выпадающие меню, анимация) используются языки написания скриптов. Стандартным скриптовым языком во всемирной паутине является JavaScript. Ядром языка JavaScript является ECMAScript.

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

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

Следует отметить, что не все браузеры в полной мере поддерживают DOM, но, тем не менее, их последние версии обеспечивают такую поддержку в объеме, достаточном для практического использования DOM. DOM поддерживается в браузерах IE 5.5+ и NN 7.1+ (знак «+» означает версию не ниже указанной).

Совокупность HTML, CSS, JavaScript и DOM часто называют динамическим HTML – Dynamic HTML или DHTML.

Синтаксис современного HTML описан с помощью расширяемого языка разметки XML – Extensible Markup Language. XML позволят создавать собственные языки разметки, аналогичные HTML в виде DTD. Существует множество таких языков: для представления математических и химических формул, знаний и т. д.

Как видно из вышесказанного, все веб-технологии тесно взаимосвязаны. Понимание этого факта позволит легче осознать назначение того или иного механизма, применяемого при создании веб-приложений.

2.1. Язык гипертекстовой разметки HTML

Основу WWW составляет гипертекстовый документ, создаваемый с помощью языка разметки гипертекстовых документов. Гипертекст– это расширенный текст, элементы которого могут храниться на различных ресурсах в сети, связь с которыми осуществляется с помощью гиперссылок.

HTML(Hyper Text Markup Language) ‑ стандартный язык разметки документов во Всемирной паутине. Язык HTML интерпретируется браузерами и отображается в виде документа, в удобной для человека форме. HTML является описательным языком. В состав языка входят развитые средства для создания различных уровней заголовков, шрифтовых стилей, различные списки, таблицы, иллюстраций, аудио- и видеофрагментов и др. Современная версия языка 5.0.

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

<"имя тега" "список атрибутов">

содержание контейнера

</"имя тега">

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

Пример:

<I>Текст курсивом</I>

<p>обычный текст <b>Текст жирный</b> обычный текст </p>

<BR> разрыв строки <BR /> разрыв строки

Для большинства тегов определяется множество возможных атрибутов, однако атрибутов может и не быть. Конечные теги никогда не содержат атрибутов. Общий вид задания атрибута:

имени атрибута = значения атрибута

Пример: Задание таблицы шириной 570 пикселов, с выравниванием по центру, ширина бордюра 5 пикселов.

<TABLE WIDTH=570 ALIGN=center BORDER=5>

Кроме тегов, элементами HTML являются специальные символы CER (Character Entity Reference). Спецсимволы могут задаваться трехзначным кодом – &#nnnили именем элемента –&имя.

Таблица 2.1 – Специальные символы

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

• определяющие структуру документа;
• задающие оформление элементов документа;
• гипертекстовые ссылки и закладки;
• формы для организации диалога;
• вызов программ.

Динамический и статический HTML-документы

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

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

Динамический способ определяет хранение данных в формализованном виде, например в базе данных.

Если же данные хранятся в формализованном виде, то, используя шаблоны документов, в которых были произведены изменения, генерируются статические документы. Для генерирования статических документов можно использовать любые средства отчетов, имеющихся в той системе управления баз данных (СУБД), которой обработаны и формализованы данные.

Перспективы HTML

Новых версий языка HTML не будет, однако существует дальнейшее развитие HTML под названием XHTML (англ. Extensible Hypertext Markup Language — расширяемый язык разметки гипертекста). Пока XHTML по своим возможностям сопоставим с HTML, однако предъявляет более строгие требования к синтаксису. Как и HTML, XHTML является подмножеством языка SGML, однако XHTML, в отличие от предшественника, соответствует спецификации XML. Вариант XHTML 1.0 был одобрен в качестве Рекомендации Консорциума Всемирной паутины (W3C) 26 января 2000 года. Необходимо, однако, учесть одну серьезную деталь – в этом формате создано большое количество информационных ресурсов, что они долго еще будут "пониматься" web-браузерами и использоваться в своем первозданном виде. Кроме того, все новые форматы будут разрабатываться (и уже разрабатываются – например XML) с поддержкой технологий HTML.

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

Статические сайты

Основа любого сайта — это конечно же HTML - язык гиперразметки текста, к нему добавляется оформление внешнего вида сайта. Чаще всего всё оформление выносят в отдельный файл CSS – каскадных таблиц стилей. Сайт созданный с использованием HTML и CSS, как раз и есть Статический сайт. И никакие дополнительные баннеры, и скрипты никогда не переведут этот сайт в разряд Динамических.

Как правило все Статические сайты имеют не очень большое количество страниц (примерно до 50 отдельных web-страниц). Это могут быть сайты небольших компаний или частных лиц не очень часто обновляемые, как правило это так называемые Сайты-Визитки. Почему?

Если у Вас уже есть свой сайт, то Вы наверняка уже знаете, что управлять сайтом с большим количеством страниц, разделов и рубрик довольно проблематично и долго. Представьте себе сколько уйдет времени, чтобы обновить всего одну ссылку в меню сайта, например, на 20 – 30 страницах... А если больше? Ведь нужно отредактировать каждую из web-страниц сайта, затем все это обновить на сервере, а это ВРЕМЯ. Очень много времени!

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

Динамические сайты

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