Особенности HTML 5
- Новые семантические элементы.
- Собственная поддержка видео и аудио.
- API рисования на холсте.
- Сокеты Веб.
- Автономные веб-приложения
- Хранилища Web.
- Web Workers.
- Геолокация.
Новые семантические элементы HTML 5
<header> <footer> <nav> <article> <section> <time> <aside> <hgroup> <figure> и <figcaption>
Собственная поддержка видео и аудио
Контейнеры видео:
Кодеки видео
Кодеки аудио
<video src=myVideo.ogv
width=320
height=240
controls
poster=image.jpg>
</video>
Рисование на холсте
<span><canvas id="myCanvas" width="200" height="150">
"Резервный контент на случай отсутствия поддержки холста в браузере."
<span style="display:block; width:150px; height:100px; background:#00f"> </span>
</canvas>
Методы:
- fillRect(x, y, width, height)
- moveTo(х, у)
- lineTo(х, у)
- drawImage(image, dx, dy)
Необходимо ответить на вопрос и задать свой по материалу лекции. Вот первый вопрос.
Какие элементы в HTML 5 определяют колонтитулы?
— верхний колонтитул
— нижний колонтитул
Особенности сокетов веб?
header — верхний колонтитул
footer — нижний колонтитул
__________________________________
Особенности сокетов веб?
header — верхний колонтитул
footer — нижний колонтитул
__________________________________
Особенности сокетов веб?
Особенность сокетов Веб – позволяет открывать постоянное соединение между сервером и клиентом на определенном порте. И посылать в обоих направлениях, пока порт не будет закрыт. В этом случае нет необходимости для постоянной перезагрузки страниц, и проверке обновлений на сервере.
Как работает тег ?
Как работает тег nav?
Тег задает навигацию по сайту. Если на странице несколько блоков ссылок, то в обычно помещают приоритетные ссылки. Также допустимо использовать несколько тегов в документе. Запрещается вкладывать внутрь .
Синтаксис
ссылки
Как работает тег time?
Помечает текст внутри тега как дата, время или оба значения. Может указываться непосредственно внутри контейнера , либо задаваться через атрибут datetime.
Что такое web хранилище?
Веб хранилища представляют собой более функциональную альтернативу cookie.
Преимущества веб хранилищ:
Можно хранить неограниченные объемы информации;
Информация, сохраненная в хранилищах, доступна даже без подключения к интернету;
Данные, находящиеся в хранилище, не отсылаются при каждом запросе страниц;
Информацию более удобно сохранять и извлекать;
Хранилища более безопасны чем cookie.
контейнеры видео?
AVI (Audio Video Interleaved)
MKV (Matroska, «Матрёшка»)
QuickTime (расширения файлов — *.mov или *.qt)
ASF/WMV/WMA (Advanced Stream Format/Windows Media Video)
FLV — Adobe Flash Video
MP4
Кодеки видео и аудио?
Кодеки видео: Theora, H.264, vp8
Кодеки аудио: mp3, ACC, vorbis
Автономные приложения web?
Автономные приложения Web.
AppCache demo.manifest
CACHE MANIFEST
Style.css
Script.js
index.html
Назовите Методы ?
Автономные приложения Web.
AppCache
demo.manifest
CACHE MANIFEST
Style.css
Script.js
index.html
Назовите Методы ?
Автономные приложения Web.
AppCache
demo.manifest
CACHE MANIFEST
Style.css
Script.js
index.html
()
Назовите Методы ?
Я привёл 2 метода:
— pushState(state, title, url). Этот метод создает новую запись в истории сеанса. Атрибут state объявляет значение состояния записи. Он используется для идентификации записи впоследствии и может содержать строку или JSON-объект. Атрибут title представляет собой заголовок записи, а атрибут url — это URL-адрес создаваемой записи (он заменит текущий URL-адрес на панели Location (Местоположение));
— replaceState(state, title, url). Этот метод работает аналогично pushState(), но не создает новую запись. Вместо этого он заменяет информацию в текущей записи.
Возможности HTML5?
Поддержка видео и аудио (элементы video и audio);
Возможности рисования на веб-страницах произвольных объектов (элемент canvas);
Улучшение форм (новые значения type для и множество новых элементов и атрибутов);
Добавление семантических тэгов, позволяющих сделать веб-страницы более понятными для поисковых систем, браузеров и других программ и устройств читающих веб-страницы (элементы footer, header, nav, article);
DOM хранилища — более функциональная альтернатива cookie.