Пример 15.5. (html, txt)

Теперь необходимо поместить элемент iframe в контейнер content:

Пример 15.6. (html, txt)

И, наконец, создать JavaScript - файл, в который мы поместим функцию, обрабатывающую клик по ссылке:

Пример 15.7. (html, txt)

Рис. 15.9. Фрагмент черновой страницы - результата

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

1. Создать несколько страниц - источников.
2. Оформить панель навигации.
3. Создать стили для оформления содержимого контейнеров.

HTML5. Хранение данных на стороне клиента

Cookie. Технология HTML5 WebStorage. Особенности хранения данных на стороне клиента: Отличия локального хранилища от сеансового. Сохранение и извлечение данных.

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

Cookie

Прежде чем говорить о том, что есть, давайте разберемся с тем, что было.

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

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

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

Файлы " cookie " передаются в обоих направлениях при каждом посещении домена пользователем. Например, в файле " cookie " может храниться идентификатор сеанса, по которому веб-сервер может определить, какая именно виртуальная "корзина" принадлежит данному пользователю, сверяя идентификатор с собственной базой данных.

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

cookie поддерживаются со времен выпуска первого браузера Netscape.

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

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