1. Основные новые функции HTML5
1. Локальный воспроизведение аудио и видео;
2. Анимация;
3. Географическая информация;
4. Аппаратное ускорение;
5. запустить локально (даже после прерывания подключения к Интернету);
6. местное хранение;
7. Перетащите файлы с рабочего стола, чтобы загрузить их в браузер;
8. Семантические маркеры;
2. Текущее состояние приложения HTML5
Сегодня крупные браузеры имеют различную поддержку для HTML5. Мы с нетерпением ждем, что они станут последовательными в течение одного или двух лет. Вы можете подумать, что, поскольку это так, вероятно, мало кто сейчас использует этот будущий стандарт. Это не так. HTML5 широко использовался сейчас. Как сказал Уильям Гибсон, будущая сеть прибыла, но она еще не была широко принята.
Вы можете не знать, что домашняя страница Google также использует HTML5, но в настоящее время они используют только HTML5 Doctype, а остальная часть страницы все еще остается старым кодом, но Google широко использует HTML5 в своих различных приложениях. Наиболее типичным примером является Gmail. HTML5 Offline Storage позволяет пользователям использовать Gmail даже в автономном режиме. Кроме того, Google Docs также использует автономное хранилище. Аналогичные приложения других производителей, которые также используют автономное хранилище, включают в себя офисную пакет Zoho и блог WordPress. Если вы заинтересованы в автономном хранилище HTML5, вы можете взглянуть на статью Марка Пилигрима «Как добавить в автономную поддержку вашим приложениям».
3. Scribd HTML5 Reader Recomment Reader
На картинке выше - новый считыватель документов Scribd, основанный на веб -стандартах и не используется Flash
В дополнение к видео, HTML5 может заменить Flash во многих аспектах. Сайт совместного использования документов Scribd недавно объявил, что они будут использовать HTML5 для замены Flash для реализации считывателей документов. Scribd - лучший пример удивительных функций, которые HTML5 может достичь в сочетании с CSS. Они также используют @font-face для реализации персонализированных шрифтов. Кроме того, эффект преобразования при повороте страниц также полностью основан на CSS3. Комбинация этих стандартных веб-инструментов позволяет Scribd для достижения чрезмерного HTML от Flash до чистого HTML, не жертвуя функциональностью документов в структуре, шрифтах, встроенных изображениях, слоях и т. Д.
4. видео HTML5 и видео HTML5
Классическая игра Invaders на основе объектов HTML5 Canvas
Хотя применение холста Scribd превосходно, мы можем найти больше таких сайтов. Canvas Demos имеет ряд приложений о холсте, от различных онлайн -игр до радужных приложений, которые извлекают цвета с веб -страниц.
Наиболее типичными примерами видеоролики являются YouTube и Vimeo, оба из которых предоставляют версии HTML5.
5. HTML5 Географическая информация позиционирование информации
Нажмите на круг над желтым злодеем на карте, чтобы сообщить Google Карты вашего географического расположения
Другая особенность HTML5 - функция геолокации. Некоторые браузеры предоставляют API геолокации, который также управляется W3C и может объединить HTML5 для достижения вашего текущего местоположения геолокации. Карты Google, используя эту функцию, на картах Google есть небольшой круг. Просто нажмите, чтобы сообщить Google Maps, где вы сейчас находитесь. В настоящее время Geolocation API не широко используется многими настольными браузерами (только Chrome и Firefox 3.6+), но плагин Google Gears может помочь более старым браузерам реализовать эту функцию.
Twitter использует это, чтобы реализовать сообщения о географической информации. Когда браузер поддерживает API геолокации, он автоматически использует API. В противном случае Google Gears будет использоваться.
6. Больше значений HTML5
HTML5 имеет гораздо большее значение, чем выше. Его наибольшее значение заключается в изменении структуры веб -документов. С помощью заголовка, нижнего колонтитула, раздела, статьи и т. Д. Мы можем реализовать более структурированные и семантические документы. Таким образом, поисковые системы могут легко индексировать веб -сайты, и мы также можем искать более быструю и более точную информацию.
Есть бесчисленные сайты, которые используют новые теги HTML5, и вы можете найти большое количество таких сайтов в HTML5Gallery. Если вы хотите использовать новую структуру HTML5 сейчас, вы также можете взглянуть на это учебное пособие HTML5.
Кроме того, с помощью Microdata HTML5 также может реализовать более мощную семантическую структуру. Этот стандартизированный формат данных (аналогично микроформациям) позволяет вашему сайту не только предоставлять данные, но и предоставлять определения данных. Microdata имеет большое значение как для браузеров, так и для поисковых систем. Поисковые системы могут использовать Microdata для обнаружения друзей в вашей сети, и браузеры могут подключаться к вашему сайту Frows Social Network. Вы можете испытать это в инструменте тестирования богатых фрагментов Google.