Еще один блог :)

Вопросы по HTML5 - Часть 1

  1. Расскажите о состоянии разработки HTML5
  2. Какие  новые API предоставляет HTML5
  3. В чем цель HTML5
  4. В чем преимущества HTML5
  5. Что изменилось в кешировании
  6. Что такое HTML5
  7. Как встроить видео
  8. Какие типы хранилищ доступны в HTML5
  9. Расскажите об элементе Canvas (Холст)
  10.  Как добавить аудио

1) html5 разрабатывается как следующий основной пересмотр языка разметки html, ставшего основным для службы www. Рабочая группа технологов WHAWG приступила к разработке спецификации в 2004 году под названием Интернет-приложения 1.0. С марта 2010 г. спецификация существует в статусе черновика, но в рабочем состоянии в W3C

2. 

а) Элемент Canvas (Холст)  это область, в которую можно рисовать и заданную тегом canvas. Указывают высоту и ширину. По id контейнера код js получает доступ к контексту для применения элементарных операций рисования. Это позволяет динамически генерировать такую графику как диаграммы, чертежи, карты, графы, анимации, постобработка фотографий

б) проигрывание видео и аудио

в) оффлайновая субд

г) правка документов

д) перетащи-брось

е) междокументный обмен информацией

ж) управление историей посещений

з) регистрация типов MIME и обработчиков протоколов

 

3. html5 - это стандарт, призванный заменить и унифицировать html 4.01, xhtml 1.0 и dom 2 Цель - уменьшить зависимость от проприетарных плагинов развитых интернет-приложений таких как Adobe Flash, MS Siverlight, Apache Pivot, Sun Java FX

4.) Разметка чище, стандартизированный подход, поддержка мобильных устройств, добавлены элементы семантической разметки header, footer, nav, section, article и другие, новые элементы управления

5) Новая спецификация HTML5 позволяет предзагружать некоторые или все ресурсы веб-сайта, такие как html страницы, таблицы стилей, изображения и скрипты заранее, т.е. предыдущий доступ к этим ресурсам теперь не требуется. Это ускоряет производительность и отзывчивость сайта.

6) Это версия стандарта HTML для семантической разметки, улучшенной поддержки мультимедиа и взаимодействия с пользователем

7) Используют тег video

<video width="320" height="240" controls="controls">

 <source src="test.mp4" type="video/mp4"/>

</video>

8. Вводится два новых объекта для сохранения данных, localStorage для хранения данных на клиенте неограниченное время и sessionStorage для хранения данных для сессии, данные удаляются, когда пользователь покидает сайт.

9. Элемент Canvas (Холст) используют для вывода интерактивной графики

<canvas id="pic" width="320" height="240">
<script>
var pic = document.getElementById("pic");

var ap = pic.getContext("2d");

ap.fillStyle="#ff0000";

ap.fillRect(0, 0, 100, 20);

</script>

10. Чтобы добавить аудио, используют тег audio

<audio controls="controls">
<source src="song.ogg" type="audio/ogg"/>
<source src="song.mp3" type="audio/mp3"/>
</audio>

 

Опубликовано в категории Вопросы по HTML5

×