Сайт по Электронике и Web-разработке
Как сделать свой сайтКак сделать свой сайт

HTML5

HTML5

Что такое HTML5?

HTML5 – Dynamic HTML - технология для создания динамических страниц. Не путать с CMS – системами управления контентом. В обоих случаях динамика совсем другого типа.

1. CMS предназначена для управления контентом сайта.

2. DHTML служит для формирования интерактивных веб-страниц.

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

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

В итоге человек как бы начинает общаться с сайтом на некотором специфическом уровне, естественно – в точном соответствии с замыслами веб-мастера, воплощенными программистами и разработчиками DHTML-страницы.

Базовые принципы DHTML

В основе работы Dynamic HTML заложены три основных действующих элемента.

1. HTML или XHTML. Строгий язык гипертекста.

2. DOM – объектная модель документа.

3. Java Script. Программные элементы.

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

Объектная модель документа – это программная канва всего языка DHTML. DOM превращает любой элемент на веб-странице в триггер для запуска функционального элемента – скрипта Java.

Скрипты исполняют все то, что задумано программистами, реагируя на заданные сигналы.

Как работает DHTML?

В отличие от систем управления контентом, динамические веб сайты на HTML5 не нуждаются в каком-то особенном серверном оборудовании. Чтобы CMS могла генерировать сайты, сервер должен иметь встроенные программные ресурсы с поддержкой заданных языков программирования.

Для сайта на HTML5 ничего такого не нужно. Подойдет любой сервер – требуется только дисковое пространство для хранения файлов, как и в случае с обычном статическим ресурсом. Все необходимые программные ресурсы содержатся внутри самого сайта в виде скриптов.

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

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

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

Одним из недостатков HTML5-сайтов можно назвать невозможность возврата к предыдущему просмотру – сайт постоянно изменяется в соответствии с реагированиями скриптов на действия пользователя и понятия предыдущей страницы здесь не может существовать.

Сложность программирования DHTML

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

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

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

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

По мере необходимости разработчики используют весь арсенал средств программирования, накопленный за долгие годы существования интернета. Как ожидается – квинтэссенцией всего, что было достигнуто в области веб-разработки, станет инновационный язык гипертекста HTML5. В его состав будут входить также и элементы динамики DHTML.

И на самом деле, довольно сложно решить все задачи современного веб-проекта используя всего одну технологию. Поэтому и DHTML имеет свое будущее и будет развиваться в составе HTML5.

Назад в рубрику