Веб-дизайн и интернет-программирование. Лекция № 3.

Веб-дизайн и интернет-программирование. Лекция № 3.
Веб-дизайн и интернет-программирование. Лекция № 3.

Особенности HTML5

Полезные ссылки:

  1. HTML 5. Основы клиентской разработки.
  2. Введение в HTML 5.
  3. HTMLBOOK
На страницу урока →

Особенности HTML 5

  1. Новые семантические элементы.
  2. Собственная поддержка видео и аудио.
  3. API рисования на холсте.
  4. Сокеты Веб.
  5. Автономные веб-приложения
  6. Хранилища Web.
  7. Web Workers.
  8. Геолокация.

Новые семантические элементы 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)

Пример

Автономные приложения web









Геолокация

Пример

Опубликовано: 24.02.2015 г.