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

Язык разметки гипертекста HTML5

Введение

язык html стандарт

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

В своей работе я ставлю перед собой следующие цели:

1. Дать ответ на вопрос: «Что такое HTML5 и для чего началась его разработка?»

2. Рассмотреть возможности и преимущества HTML5, сравнить HTML5 с предшествующей версией языка разметки - HTML4

3. Выяснить мнение разработчиков

Для достижения этих целей следует выполнить следующие задачи:

1. Дать определение HTML5

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

3. Определить преимущества HTML5, отличия HTML5 от предшествующей версии: что было добавлено нового, какие элементы были исключены

4. Основываясь на информации, изложенной в пунктах 2 и 3, выяснить цель разработки HTML5

5. Узнать, что думают разработчики об HTML51. Что такое HTML5?

HTML5 (HyperText Markup Language) -- язык для структурирования и представления содержимого всемирной паутины. По сути HTML5 является переработанной версией языка HTML 4 с поддержкой обратной совместимости и добавленными технологиями, которые описаны в спецификациях WHATWG либо W3C (Web Messaging, Web Sockets, Drag and Drop, Micro Data, Web Workers и так далее). И это ни в коем случае не сопутствующие технологии, вроде CSS3, которые часто ошибочно приписывают к HTML5. Также не следует считать HTML5 неким продолжением стандарта HTML 4.01. HTML5 - это принципиально новый стандарт.

Стоит разъяснить понятие обратной совместимости.

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

<meta charset="utf-8">

На самом деле, такая форма записи будет распознана старыми браузерами как некорректная, и автоматически преобразована браузером в корректную форму (по меркам предыдущих версий HTML):

<meta http-equiv="Content-type" content="text/html;charset=UTF-8">

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

Рисунок 1 - логотип HTML5

2. История возникновения HTML5

Сама история HTML имеет весьма давние корни. Основой был язык GML (Generalized Markup Language), родившийся в недрах IBM в конце 60х годов, который был продолжен стандартизированным в первой половине 80х языком SGML (Standard Generalized Markup Language). SGML в объединении с работами Тима Бернерса-Ли дали начало первым наброскам HTML и первой официальной стандартной версии HTML 2.0 в 1995 г. Примерно тогда же началась активная работа над следующей версией HTML, ярко выразившая себя целой плеядой новых документов и предложений, добавляющих в стандарт все новые и новые возможности. В конце концов, уже в течение года эта активность дала дорогу HTML 3.2, довольно быстро перешедшему в состояние официальной рекомендации W3C (World Wide Web Consortium).

Появлялись новые идеи, стандарт продолжал усложняться и в 1997 г. был выработан и утвержден HTML 4.0, спустя 2 года обновившийся до ревизии HTML 4.01. Это последняя полностью утвержденная версия HTML, которая продолжает активно использоваться и на базе которой построены практически все страницы современного интернета.

В 1996 г. появляется первый черновик нового языка разметки XML (eXtensible Markup Language), довольно быстро стандартизированный и нашедший огромное применение во множестве сфер благодаря своей универсальности и формализму, крайне удобному при машинной обработке данных. Не оказался неподвластным влиянию XML и HTML. Фокус W3C смещается на развитие и использование XML, что вылилось в XML-версию HTML, известную как XHTML. В новом статусе язык обретает новые возможности, получает модульность. Но на этом развитие самого языка HTML практически прекращается.

С накоплением довольно большого опыта в работе с XML в 2000х годах у W3C появляется новый проект - XHTML 2.0, который на практике стал несовместимой со старыми версией языка для разметки веб-страниц, из-за чего XHTML 2.0 не был принят в сообществе разработчиков. В результате такого пренебрежительного отношения W3C к реальным потребностям пользователей и разработчиков в 2004 году производителями браузеров Apple, Mozilla Foundation и Opera Software было основано сообщество WHATWG (Web Hypertext Application Technology Working Group), основным направлением деятельности которого стало развитие HTML и создание API для работы веб-приложений. Также сообщество понимало, что действующий стандарт HTML4 не предусматривал описания мультимедийного контента средствами самого языка. Для этого использовалась функция вставки некоего объекта, возможность воспроизведения которого зависела от установленного в браузере клиента дополнительного плагина третьих разработчиков, что не только усложняло жизнь пользователям, но и было небезопасным.

Под руководством Яна Хиксона началась активная работа по разработке новой версии HTML, совместимой с HTML 4.01, и уже в начале 2008 г. был готов черновой вариант HTML5, который был передан на рассмотрение в W3C.

В конечном счете в 2009 г. работа над XHTML 2.0 была заморожена, а в конце 2010 г. перестала работать и соответствующая рабочая группа. Началась параллельная работа W3C и WHATWG над HTML5. Группы имеют несколько разные подходы к работе, но обе версии стандарта синхронизируются между собой и у них также общий редактор - Ян Хиксон.

На сегодня HTML5 находит активную поддержку как среди производителей браузеров, так и в сообществе разработчиков. Спецификация HTML5 значительна по объему -- она в три раза больше описания HTML 4.01. Новая спецификация HTML несет в себе множество интересных изменений, сильно отличающихся по своему масштабу: от тонкостей смысла уже существующих элементов до принципиально новых возможностей.

3. Преимущества HTML5

HTML5 дает три основных преимущества на концептуальном уровне:

а) Нативная поддержка

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

б) Полноправные элементы

Встроенный в браузер функционал полноправно интегрируется во всю систему технологий и поддерживаемых стандартов. Например, это означает, что видео-элементы HTML5 можно стилизовать через CSS, к ним можно напрямую обращаться через DOM (Document Object Model) и JavaScript. Это единая хорошо связанная система.

в) Открытые технологии

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

4. Что нового в HTML5? Отличия HTML5 от HTML 4

Спецификация HTML5 несет в себе множество изменений разного уровня и разной важности. Принципиально, ключевые изменения можно разделить на 7 блоков:

а) Семантика (смысловое значение единиц языка)

В HTML5 появился ряд новых семантических тегов, позволяющих более осмысленно организовывать внутреннюю структуру веб-страниц. Это включает как блочные теги вроде header, footer, article, так и теги для разметки текста, например, mark, ruby, details. Ряд существующих тегов HTML4 признан устаревшим, отдельные теги поменяли свое значение, определенные изменения претерпели атрибуты.

б) Мультимедиа

HTML5 добавляет встроенную поддержку мультимедийного контента (аудио и видео) прямо в HMTL-разметке -- с соответствующим API для управления.

в) Графика

Работать с графикой на стороне клиента стало заметно проще. В HTML5 добавлен элемент canvas и специальный API на JavaScript для работы с ним. Canvas представляет собой динамическую «поверхность», поверх которой можно программного рисовать. Также в HTML5 официально включен тег svg, позволяющий внедрять векторную графику, описываемую соответствующим веб-стандартом SVG (Scalable Vector Graphics).

г) Веб-формы

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

д) JavaScript APIs.

В HTML5 включены новые возможности по перемещению объектов (Drag & Drop), работа с историей переходов (History API), а также ряд мелочей, вроде возможности сделать контент редактируемым прямо в текущем месте с помощью Content Editable атрибутов.

е) Новый DOCTYPE

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

В HTML 4 было 3 вида элемента <!DOCTYPE>:

1. Строгий (Strict)

2. Переходный (Transitional)

3. С фреймами (Frameset)

Зачастую выбор того или иного элемента DOCTYPE был достаточно затруднителен. В HTML5 DOCTYPE всего один он пишется так:

<!DOCTYPE HTML>

Эта короткая запись заменяет старую и длинную форму:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

"http://www.w3.org/TR/html4/strict.dtd">

ж) Синтаксис

HTML 5 будет иметь два синтаксиса - "custom" HTML и XML. HTML синтаксис определяет детализированные правила синтаксического анализа (включая "обработку ошибок").

XML синтаксис совместим с документами XHTML1 и его реализациями. Чтобы использовать этот синтаксис нужно объявить MIME (Multipurpose Internet Mail Extensions) тип XML, а элементы должны быть выстроены согласно спецификации XML.

Рисунок 2 - основные свойства HTML5

5. Отмененные элементы в HTML5

Следующие элементы не включены в HTML 5, потому что их эффект достигается использованием CSS (Cascading Style Sheets):

basefont, big, center, font, s, strike, tt, u

Следующие элементы не включены в HTML 5, потому что их использование негативно сказывалось на удобстве и доступности:

frame, frameset, noframes

Следующие элементы не включены, потому что использовались редко или они могут быть заменены другими элементами:

acronym, applet замещен object, isindex, dir замещен ul

Наконец noscript остался только в синтаксисе HTML, поскольку его использование предполагает разбор с помощью HTML парсера.

6. Мнение разработчиков об HTML5

Мнение о новом стандарте у разработчиков неоднозначное. Кто-то считает HTML5 эволюцией, которая уже давно необходима Интернету, и именно за ним будущее. Некоторые утверждают обратное, что HTML5 вовсе еще не стандарт и нескоро таковым станет. Но что бы ни говорили массы, факт остается фактом: HTML5 быстро набирает обороты, работа над его усовершенствованием ведется и по сей день, более половины существующих браузеров уже воспринимают любой HTML как HTML5, его активно внедряют такие гиганты как Apple и Adobe. Даже глава кампании Apple, Стив Джобс заявил, что с разработкой HTML5 нет больше необходимости смотреть видеоролики или использовать другие виды приложений с помощью Adobe Flash.

Заключение

HTML5, как и весь Интернет, непрерывно развивается, и направление его развития задают потребности пользователей и фантазия разработчиков. И хотя ему еще далеко до полной готовности, благодаря усилиям WHATWG и W3C мы уже сейчас ощущаем на себе прелести интернета будущего. Как и полагается открытому стандарту, HTML5 включает в себя все лучшее, что есть в Сети: он работает везде и на любом устройстве, использующем современный браузер. HTML5 -- это технологический стандарт, расширяющий возможности веб-приложений и существенно упрощающий их разработку. Стандарт действительно заслуживает внимания широкой аудитории и рано или поздно твердо закрепится в веб-производстве.

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