Опубликован: 04.05.2010 | Доступ: свободный | Студентов: 4030 / 454 | Оценка: 4.64 / 4.44 | Длительность: 41:24:00
Лекция 1:

Исторические аспекты возникновения и развития Интернета

Лекция 1: 12345 || Лекция 2 >

1.3.2. HTML

HTML (HyperText Markup Language – "язык разметки гипертекста") – стандартный язык разметки документов во Всемирной паутине [38]. Большинство веб-страниц создаются при помощи языка HTML. Язык HTML интерпретируется браузером и отображается в виде документа, в удобной для человека форме. HTML является приложением SGML (стандартного обобщенного языка разметки) и соответствует международному стандарту ISO 8879.

Язык HTML был разработан британским ученым Тимом Бернерсом-Ли приблизительно в 1991-1992 годах в стенах Европейского совета по ядерным исследованиям в Женеве (CERN). HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области верстки. HTML успешно справлялся с проблемой сложности SGML путем определения небольшого набора структурных и семантических элементов – дескрипторов. Дескрипторы также часто называют "тегами". С помощью HTML можно легко создать относительно простой, но красиво оформленный документ. Помимо упрощения структуры документа, в HTML внесена поддержка гипертекста. Мультимедийные возможности были добавлены позже. Изначально язык HTML был задуман и создан как средство структурирования и форматирования документов без их привязки к средствам воспроизведения (отображения).

Текстовые документы, содержащие код на языке HTML (такие документы традиционно имеют расширение .html или .htm), обрабатываются специальными приложениями, которые отображают документ в его форматированном виде. Такие приложения, называемые "браузерами" или " Интернет -обозревателями", обычно предоставляют пользователю удобный интерфейс для запроса веб-страниц, их просмотра (и вывода на иные внешние устройства) и, при необходимости, отправки введенных пользователем данных на сервер.

Наиболее популярными на сегодняшний день браузерами являются (по данным на январь 2010 г.) [39]:

  • Internet Explorer – 62,12%;
  • Mozilla Firefox – 24,43%;
  • Google Chrome – 5,22%;
  • Safari – 4,53%;
  • Opera – 2,38%.

Спецификация HTML имеет несколько версий:

  • RFC 1866 – HTML 2.0, одобренный как стандарт 22 сентября 1995 года;
  • HTML 3.2 [36] – 14 января 1997 года;
  • HTML 4.0 [37] – 18 декабря 1997 года;
  • HTML 4.01 [38] – 24 декабря 1999 года;
  • ISO/IEC 15445:2000 [39] (так называемый ISO HTML, основан на HTML 4.01 Strict) – 15 мая 2000 года.

Подробнее данная технология будет освещена в "Создание статического содержания. HTML" .

1.3.3. XHTML

XHTML (Extensible Hypertext Markup Language – расширяемый язык разметки гипертекста) – язык разметки веб-страниц, по возможностям сопоставимый с HTML, созданный на базе XML [40]. Как и HTML, XHTML соответствует спецификации SGML, поскольку XML является ее подмножеством.

Стандарт XHTML построен не как самодостаточное описание языка, а как перечень различий между HTML 4.01 и XHTML [41]:

  • Все элементы должны быть закрыты. Теги, которые не имеют закрывающего тега (например, <img> или <br> ) должны иметь на конце / (например, <br /> ).
  • Булевы атрибуты записываются в развернутой форме. Например, следует писать <option selected="selected"> или <td nowrap="nowrap">.
  • Имена тегов и атрибутов должны быть записаны строчными буквами (например, <img alt="" /> вместо <IMG ALT="" /> ).
  • XHTML гораздо строже относится к ошибкам в коде; < и & везде, даже в URL, должны замещаться &lt; и &amp; соответственно. По рекомендации W3C браузеры, встретив ошибку в XHTML, должны сообщить о ней и не обрабатывать документ.
  • Кодировкой по умолчанию является UTF-8 (в отличие от HTML, где кодировкой по умолчанию является ISO 8859-1).

Для XHTML страниц рекомендуется задавать MIME-тип – application/xhtml+xml, но это не является обязательным, более того – браузер Internet Explorer 8 и младшие версии, не смогут обрабатывать страницу, поэтому с XHTML 1.0 традиционно используется MIME-тип для HTML – text/html.

Версии XHTML:

  • XHTML 1.0 Переходный (Transitional): предназначен для легкой миграции из HTML 3.2 и для тех, кто использует инлайн-фрэймы.
  • XHTML 1.0 Строгий (Strict): полностью отделяет содержание документа от оформления (задается только через CSS ), многие атрибуты (такие как, например, bgcolor и align) более не поддерживаются, их поведение можно задавать только через таблицу стилей.
  • XHTML 1.0 Фрэймовый (Frameset): используется, если необходимо разделить окно браузера на несколько фрэймов.
  • XHTML 1.1 Модульный (Module-based): авторы могут импортировать дополнительные свойства в их разметку.
  • XHTML Основной (Basic): специальная облегченная версия XHTML для устройств, которые не могут использовать полный набор элементов XHTML – в основном используется в миниатюрных устройствах, таких как мобильные телефоны. Подразумевается, что он заменит WML и C-HTML.
  • XHTML мобильного профиля (Mobile Profile): основанный на XHTML Basic, добавляет специфические элементы для мобильных телефонов.
  • XHTML 2.0. Пока в разработке. Синтаксис еще больше приближен к синтаксису XML. Также является модульным языком.

Подробнее данная технология будет освещена в "Создание статического содержания. HTML" .

1.3.4. CSS

CSS (Cascading Style Sheets – каскадные таблицы стилей) – технология описания внешнего вида документа, написанного языком разметки [42]. Преимущественно используется как средство оформления веб-страниц в формате HTML и XHTML, но может применяться с любыми видами документов в формате XML, включая SVG и XUL.

Термин "каскадные таблицы стилей" был предложен Хокон Виум Ли в 1994 году. Совместно с Бертом Босом он стал развивать CSS.

CSS используется создателями веб-страниц для задания цветов, шрифтов, расположения и других аспектов представления документа. Основной целью разработки CSS являлось разделение содержимого (написанного на HTML или другом языке разметки) и представления документа (написанного на CSS ) [43]. Это разделение может увеличить доступность документа, предоставить большую гибкость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом. Кроме того, CSS позволяет представлять один и тот же документ в различных стилях или методах вывода, таких как экранное представление, печать, чтение голосом (специальным голосовым браузером или программой чтения с экрана) и др.

Наиболее полно поддерживающими стандарт CSS являются браузеры, работающие на Gecko (Mozilla Firefox и др.) и WebKit (Arora, Google Chrome, Safari), а также браузер Opera [44].

Что касается Internet Explorer, то только 8-ая его версия полностью поддерживает CSS 2.1 и частично – CSS 3 [45].

Преимущества применения CSS [42, 43]:

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

    Недостатки применения CSS [42, 43]:

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

Подробнее данная технология будет освещена в "Создание статического содержания. HTML" .

1.3.5. XML

XML (eXtensible Markup Language – расширяемый язык разметки) – рекомендованный Консорциумом Всемирной паутины язык разметки, фактически представляющий собой свод общих синтаксических правил [46]. XML – текстовый формат, предназначенный для хранения структурированных данных (взамен существующих файлов баз данных), для обмена информацией между программами, а также для создания на его основе более специализированных языков разметки (например, XHTML), иногда называемых словарями. XML является упрощенным подмножеством языка SGML. Годом рождения XML можно считать 1996 год, в конце которого появился черновой вариант спецификации языка, или 1998, когда эта спецификация была утверждена.

Целью создания XML было обеспечение совместимости при передаче структурированных данных между разными системами обработки информации, особенно при передаче таких данных через Интернет. Словари, основанные на XML (например, RDF, RSS, MathML, XHTML, SVG), сами по себе формально описаны, что позволяет программно изменять и проверять документы на основе этих словарей, не зная их семантики, то есть, не зная смыслового значения элементов. Важной особенностью XML также является применение так называемых пространств имен (namespace).

К достоинствам использования XML можно отнести [46, 47]:

  • XML – язык разметки, позволяющий отобразить двоичные данные в текст, читаемый человеком и анализируемый компьютером;
  • XML поддерживает Юникод;
  • в формате XML могут быть описаны такие структуры данных как записи, списки и деревья;
  • XML – это самодокументируемый формат, который описывает структуру и имена полей так же как и значения полей;
  • XML имеет строго определенный синтаксис и требования к анализу, что позволяет ему оставаться простым, эффективным и непротиворечивым;
  • XML – формат, основанный на международных стандартах;
  • Иерархическая структура XML подходит для описания практически любых типов документов, кроме аудио и видео мультимедийных потоков, растровых изображений, сетевых структур данных и двоичных данных;
  • XML представляет собой простой текст, свободный от лицензирования и каких-либо ограничений;
  • XML не зависит от платформы;
  • XML является подмножеством SGML;
  • уже накоплен большой опыт работы с языком и созданы специализированные приложения;
  • XML не накладывает требований на расположение символов в строке;
  • в отличие от бинарных форматов, XML содержит метаданные об именах, типах и классах описываемых объектов, по которым приложение может обработать документ;
  • XML имеет реализации парсеров для всех современных языков программирования;
  • XML поддерживается на низком аппаратном, микропрограммном и программном уровнях в современных аппаратных решениях.

К недостаткам XML можно отнести [46, 47, 48]:

  • синтаксис XML избыточен:
    • размер XML документа существенно больше бинарного представления тех же данных;
    • избыточность XML может повлиять на эффективность приложения (возрастает стоимость хранения, обработки и передачи данных);
    • для большого количества задач не нужна вся мощь синтаксиса XML и можно использовать значительно более простые решения;
  • неоднозначность моделирования, т.е. нет общепринятой методологии для моделирования данных в XML ;
  • XML не содержит встроенной в язык поддержки типов данных;
  • иерархическая модель данных, предлагаемая XML, ограничена по сравнению с реляционной моделью и объектно-ориентированными графами и сетевой моделью данных;
  • пространства имен XML сложно использовать и их сложно реализовывать в XML -парсерах.

Наиболее распространены три способа преобразования XML -документа в отображаемый пользователю вид:

  1. применение стилей CSS ;
  2. применение преобразования XSLT;
  3. написание на каком-либо языке программирования обработчика XML -документа.

Без использования CSS или XSL XML -документ отображается как простой текст в большинстве Веб-браузеров. Некоторые браузеры, такие как Internet Explorer, Mozilla и Mozilla Firefox отображают структуру документа в виде дерева, позволяя сворачивать и разворачивать узлы с помощью нажатий клавиши мыши.

Подробнее данная технология будет освещена в "Разработка на ASP.NET. MasterPage, динамические компоненты, AJAX, ASP.NET MVC" .

1.3.6. JavaScript

Объектно-ориентированный скриптовый язык программирования JavaScript (первоначально назван LiveScript его создателем, Бренданом Ваше, и развернут в составе браузера Netscape Navigator) был впервые представлены публике в 1995 году [49].

JavaScript обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности веб-страницам.

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

На JavaScript оказали влияние многие языки, при разработке была цель сделать язык похожим на Java, но при этом легким для использования непрограммистами. Языком JavaScript не владеет какая-либо компания или организация, что отличает его от ряда языков программирования, используемых в веб-разработке.

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

Структурно JavaScript можно представить в виде объединения трех четко различимых друг от друга частей:

  • ядро (ECMAScript);
  • объектная модель браузера (Browser Object Model или BOM);
  • объектная модель документа (Document Object Model или DOM).

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

Для добавления JavaScript -кода на страницу, можно использовать теги <script></script>.

Область применения JavaScript очень широка:

  • в клиентской части веб-приложений;
  • в AJAX ;
  • в технологии Comet;
  • в браузерных операционных системах;
  • для создания небольших программ, размещаемых в закладки браузера (Букмарклеты);
  • приложения, написанные на JavaScript, могут исполняться на серверах, использующих Java 6 и более поздних версий, что используется для построения серверных приложений, позволяющих обрабатывать JavaScript на стороне сервера;
  • в качестве языка разработки мобильных приложений (на платформе Mojo SDK в Palm webOS);
  • для реализации виджетов, так и для реализации движков виджетов (Apple_Dashboard, Microsoft Gadgets, Google Desktop Gadgets, Klipfolio Dashboard);
  • для написания прикладного ПО (57 % исходного кода Mozilla Firefox написано на JavaScript );
  • в качестве скриптового языка доступа к объектам приложений;
  • в офисных приложениях для автоматизации рутинных действий, написания макросов, организации доступа со стороны веб-служб;
  • в Excel Services 2010 добавились два новых интерфейса программирования приложений: REST API и JavaScript Object Model (JSOM).

Для обеспечения высокого уровня абстракции и достижения приемлемой степени кросс-браузерности при разработке веб-приложений используются библиотеки JavaScript. Они представляют собой набор многократно используемых объектов и функций. Среди известных JavaScript библиотек можно отметить Adobe life, Dojo Toolkit, Extjs, jQuery, Mootools, Prototype, Qooxdoo.

На сегодняшний день поддержку JavaScript обеспечивают современные версии всех наиболее часто используемых браузеров. В Internet Explorer, Mozilla Firefox, Safari, Chrome, Opera имеется полная поддержка третьей редакции ECMA-262.

Подробнее данная технология будет освещена в "Создание динамического наполнения страницы. Основы JavaScript" .

Лекция 1: 12345 || Лекция 2 >