Что значит html5. Что такое HTML5 и почему про него так много говорят? Поддержка разных форматов видео и звука

Faq 29.03.2019
Faq

От автора: привет друзья! В данной статье я хочу немного рассказать вам про html5. Рассказать, что такое html5, что в нем нового. Какие новые возможности он предоставляет разработчикам. HTML5 очень широкое понятие. И некоторые технологии, которые называют в HTML5, вообще говоря, не являются html5, но обо всем по порядку…

Первое - это стандарт HTML5, документ, лежащий на сайте W3C, в котором описаны все новые теги, атрибуты, новые API, и ряд сопутствующих документов, в которые вынесены некоторые дополнительные детали, вроде API для Canvas.

Второе - это «большой», маркетинговый, трендовый HTML5, зонтик для целого поколения новых технологий, включающий как непосредственно спецификацию HTML5, так и множество модулей CSS3, различные API для JavaScript, да и сам новый стандарт для JavaScript - ECMAScript5.

Рассмотрим некоторые ключевые особенности html5:

Он более простой, более простая структура элементов на странице, что упрощает создание и отладку кода.

Он предоставляет стандартные элементы для медиа объектов, которые ранее требовали установки отдельных плагинов, которые приходилось постоянно обновлять.

В нем есть своя интеграция с интерфейсами, которые могут понадобиться в современных приложениях. Как пример можно привести геолокацию, которая позволяет браузеру определить местоположение пользователю (его координаты). Ранее это можно было сделать только через GPS.

Что дает HTML5?

Для разработчиков html5 помогает писать понятный семантический код. Позволяет управлять многими процессами на странице своими стандартными методами, без использования javascript или сторонних плагинов и сервисов. Это означает, что решаются некоторые проблемы кроссбраузерности, поскольку браузеры одинаково реализуют новые возможности.

Также html5 делает удобной работу в сети и для обычных пользователей. Например, увеличивается скорость работы, использование браузера становится более удобным. Для того, чтобы смотреть ролики из youtube не нужно устанавливать дополнительные плагины и постоянно обновлять их.

Цели HTML5

Кратко цели html5 можно назвать так:

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

Снижение потребности в JavaScript и дополнительном коде, благодаря использованию новых html5 элементов.

Обеспечение согласованности между браузерами и устройствами.

Сделать все это настолько прозрачным, насколько это возможно.

Новые возможности HTML5

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

Новые элементы html5

Новые элементы html5 позволяют быстрее создавать разметку для страницы, она становиться проще, более понятна и упрощается процесс отладки. Вот некоторые новые теги:

и

для любых видов меню

для сайдбаров или связного контента

для статей

практически то же, что и div

и теги позволяют проигрывать видео без плагинов

для рисование на странице использую javascript

для вставки внешнего контента на страницу

Наряду с тем, что появились новые теги часть существующих тегов в HTML5 приобретает новое значение. Так, если раньше выбор между i и em (аналогично b и strong) был чаще в пользу более короткого написания, то сегодня это теги с различной смысловой нагрузкой, даже если по умолчанию они имеют одинаковое представление курсивом или жирным начертанием.

Другая часть нововведений касается непосредственно вопросов доступности: здесь, прежде всего, речь идет об aria- и role-атрибутах, позволяющих разметить предназначение и роли контента. Эта информация впоследствии, к примеру, может использоваться программами для чтения с экрана (screen reader).

Надо сказать, что обеспечение доступности не самая тривиальная задача, и в HTML5 чуть ли не впервые уделено столь большое внимание этому вопросу.

Еще одним преимуществом html5 является наличие в нем продвинутых функций, включая интеграцию API. Это упрощает написание кроссбраузерного кода на javascript для сложных приложений. Вот некоторые из них:

Audio and video позволяет проигрывать видео в браузере без плагинов.

Geolocation: определяет положение посетителя.

Drag and drop: например, для загрузки файла перетаскиванием его в браузер.

Application cache: обеспечивает поддержку открытия сайтов offline.

Web workers: запускает JavaScript в фоновом режиме

Server sent events: позволяет серверам обновлять веб-страницы в браузере после того, как они уже были загружены, проще и эффективнее, чем AJAX и JavaScript.

Offline data storage: позволяет хранить данные локально в браузере, независимо от cookies

Примеры использования html5

Давайте посмотрим на html5 в действии! HTML5 позволяет создавать новую, более простую и чистую разметку для страниц. Код становится более контентоориентированным и его проще читать и понимать. Вот пример простой веб-страницы на html5:

Page Title

  • Nav Link 1
  • Nav Link 2
  • Nav Link 3
  • Article Header

    Etiam pretium odio eu mi convallis vitae varius neque pharetra. Nulla vestibulum nisi ut sem cursus sed mattis nisi egestas.

    Article Subhead

    Vestibulum lacus erat, volutpat vel dignissim at, fringilla ut felis.

    Sidebar Content

    Copyright Your Name Here 2014. All Rights Reserved.

    < ! doctype html >

    < html lang = "en" >

    < head >

    < meta charset = "utf-8" >

    < title > < / title >

    < meta name = "author" content = "" / >

    < meta name = "description" content = "" / >

    < link rel = "stylesheet" href = "assets/css/style.css" / >

    < ! -- [ if lt IE 9 ] >

    < ! [ endif ] -- >

    < / head >

    < body >

    < header >

    < h1 > < a href = "/" > Page Title < / a > < / h1 >

    < nav >

    < ol >

    < li > < a href = "" > Nav Link 1 < / a > < / li >

    < li > < a href = "" > Nav Link 2 < / a > < / li >

    < li > < a href = "" > Nav Link 3 < / a > < / li >

    < / ol >

    < / nav >

    < / header >

    < article >

    < h1 > Article Header < / h1 >

    < p > Etiam pretium odio eu mi convallis vitae varius neque pharetra . Nulla vestibulum nisi ut sem cursus sed mattis nisi egestas . < / p >

    < h2 > Article Subhead < / h2 >

    < p > Vestibulum lacus erat , volutpat vel dignissim at , fringilla ut felis . < / p >

    В этой статье из раздела "для новичков" мы в простых словах поговорим о пятой версии языка HTML, которая в настоящее время находится в процессе разработки. Однако, несмотря на то, что HTML5 еще далек от совершенства, его работоспособность уже признана повсеместно.

    Как известно, HTML (HyperText Markup Language ) - это язык разметки веб-страниц. Его главная задача - интерпретация передаваемой по сети информации в виде читабельного контента. Посредством HTML мы видим интернет именно таким, какой он есть на сегодняшний день, т.е. красивым, цветастым и многогранным. Ну а появление новой версии HTML - это бесспорно великое событие, которое еще долгое время будет будоражить умы интернет сообщества.

    Давайте же, для начала, остановимся на отличиях пятой версии от четвертой - разумеется, сделаем мы это кратко, дабы уложиться в формат ликбезного материала.

    Первым делом следует отметить тот факт, что HTML4 был полностью закончен в конце 90-х годов, а работа над HTML5 началась относительно недавно - где-то в 2005-м. Разработчики новой версии HTML основное внимание сконцентрировали на вопросе совместимости новинки со всеми популярными на сегодняшний день типами браузеров - как следствие, никаких сверх революционных перемен в плане демонстрации веб-страниц не произошло, но, зато, потенциальные способности отображения контента были расширенны.

    К примеру, в HTML5 можно наблюдать определенное количество новых элементов - появились section, nav, header, article и footer . Напомним, что ранее существовал только один элемент - div . Стандартный img , теперь дополнен тэгами audio и video . Один из самых важных атрибутов id дополнен tabindex и repeat . Помимо этого полностью упраздняются давно вышедшие из моды элементы типа font, center и т.п.

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

    Теперь давайте немного остановимся на структуре и разметке языка HTML5.

    Как известно, старая версия полностью опиралась на элемент div . Иными словами, все, что было связанно с сайдбарами, навигационными панелями, менюшками, разделами и т.п. подчинялось именно этому элементу. В HTML5 появились альтернативные варианты, что, вне всякого сомнения, сделало структуру веб-страницы более наглядной и функциональной.

    • header (не путаем с head) - можно задавать не только заголовок страницы, но и подзаголовки;
    • nav - элемент предназначен исключительно для ссылок навигации, что в высшей степени удобно при создании внутристраничной навигации по сайту, а так же и для межстраничных переходов.
    • section - данный элемент интерпретируется как секция общего пользования. Допустим, его можно использовать тогда, когда требуется в заранее определенном блоке текста задать специальный заголовок или параграф.
    • article - посредством этого элемента можно задать независимые зоны текстового наполнения страницы. К примеру, выделение важных публикаций из архива, трансляция текущих новостей, последние сообщения на форуме и т.д. и т.п. Помимо этого, элемент article можно использовать и в обычном режиме - т.е. определять им весь контент страницы.
    • footer - самый нижний элемент страницы или же "завершающий блок секции". Представляется в виде колонтитула. Там могут размещаться информационные сообщения касательно вышеопубликованного контета (например, копирайты) и т.п. вещи.
    Теперь несколько слов про новшества, которые касаются элементов блокового уровня. Таких новшеств замечено несколько:
    • aside - этот контейнер можно использовать для материалов, которые считаются вспомогательными. К примеру, цитаты, сноски отделенные от основного повествования, колонки с пояснительным текстом и т.п.
    • dialog - контейнер, позволяющий красиво оформить диалог.
    • figure - контейнер, позволяющий описать любое графическое изображение с текстовой подписью.
    А как насчет нескольких слов касательно мультимедийных элементов?

    В принципе, уже давно ожидалось, что такие элементы рано или поздно появятся - и вот, на сегодняшний день, мы уже имеем video и audio . Основная задача этого новшества - более тесная интеграция мультимедийного контента с основной частью веб-страницы.

    Другой момент - посредством этих элементов отпадает потребность в использовании сторонних продуктов (плагинов) для просмотра и прослушивания мультимедийного контента.

    Касательно интерактива, HTML5 тоже не остался в долгу - тут тоже появились новые элементы. Вот некоторые из них:

    • details - посредством этого элемента можно паковать необязательную информацию.
    • datagrid - используется для демонстрации данных таблицы. От стандартных таблиц отличается тем, что посетитель страницы может самостоятельно управлять отображением информации, т.е. убирать таблицу, перемещать колонки и т.п.
    • menu, command - элементы, которые непосредственно относятся к визуальному представлению всех менюшек имеющихся на сайте.
    Еще одно новшество - это элементы отвечающие за уровень текста. К примеру, в новой версии можно задавать такие параметры, как, скажем, прогресс какого-либо процесса (progress ), динамическое отображение времени (time ), дат и т.п.

    Ну и в заключение парочка слов про новшества связанные с API!

    Первым делом бросается в глаза расширение существующих DOM интерфейсов и добавление новых API - данные можно хранить в браузере, реализована технология Drag-and-drop, стало доступным рисование в онлайне и т.д.

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

    что такое seo - введение в seo seo термины - обзор терминов и понятий, непосредственно касающихся c seo полезные термины - обзор терминов и понятиев, связаных с seo

    Это — не статья для супер-гуру-вебмастеров. И даже не для начинающих веб-разработчиков. Эта статья задумывалась как памятка об HTML5 для журналистов и аналитиков.

    Здесь найдут ответы на свои насущные вопросы журналисты, копирайтеры и другие неспециалисты в области веб-дизайна, которым для работы просто необходимо знать принципы HTML5, но нет возможности вникать в технические подробности использования этого замечательного языка.

    Также важно не забывать, что так называемые "демо-HTML» с самим HTML5 не имеют ровным счетом ничего общего. Например, во многом из Google Doodles используется DHTML — технология HTML 4 начала 2000х.

    Зачем придумали HTML5?

    HTML4 трещал по швам под напором новых видов приложений. Многие вещи были просто недоступны и требовали плагинов типа Adobe Flash или Microsoft Silverlight. Приходилось идти на всяческие уловки и ухищрения, использовать нестандартные, недокументированные приемы, что было не очень-то надежной основой для сайтов, созданных для заработка.

    Как много браузеров поддерживают HTML5?

    Смотря как посмотреть. Если исходить из того, что HTML5 произошел от HTML4, то все барузеры поддерживают какие-то свойства HTML5.

    А с другой стороны, если вы хотите знать, какие браузеры содержат все свойства ядра HTML5 — то ни один. Они все обеспечивают выполнение некоторых частей спецификации (которая насчитывает более 700 страниц), но ни один не поддерживает все одновременно.

    Если отбросить все несущественное, то все современные барузеры примерно в равной степени поддерживают HTML5, хоть они и добавляют поддержку тех или иных свойств в разное время.

    Кто является движущей силой HTML5?

    Началось все в 2004 году, в Opera, под руководством Яна Хиксона. Постепенно присоединились и другие браузеры. Хиксон ушел из Оперы в Google, где продолжает работать над спецификацией.

    Будет справедливо сказать, что производители браузеров совместно координируют работу над спецификацией, равно как и W3C и многие другие организации и частные лица. Говоря обобщенно, процессом руководят потребности веб-разработчиков.

    Кто пользуется HTML5?

    Множество людей и компаний: Boston Globe Newspaper ; Nationwide Building Society , Yell.com и сотни других. На HTML5gallery.com собрано множество сайтов, применяющих HTML5-технологии.

    Когда будет завершена работа над HTML5?

    Возможно, в 2012 году. А может и в 2022. Это не так важно, важно другое: он сегодня уже поддерживается браузерами, а, следовательно, мы можем использовать его уже сегодня.

    Сказать, что мы не можем пользоваться HTML5, потому что его развитие не завершено — это все равно, что сказать, что мы не можем говорить на русском языке, потому что он все еще развивается.

    Правда ли, что HTML5 несовместим с Internet Explorer?

    Абсолютная ерунда. IE9 хорошо поддерживает HTML5. В более старые браузеры можно добавить поддержку некоторых API с помощью JavaScript -технологии polyfilling, а также плагинов Flash и Silverlight. Элемент canvas может работать некорректно в версиях IE ниже 9. В основном, причиной проблем в старых браузерах является медленный движок JavaScript. Для отображения видео в старых браузерах можно использовать резервный Flash-вариант.

    Стоит отметить, что многие возможности HTML5, такие, как атрибут contenteditable, позволяющий пользователю редактировать содержимое объекта, были придуманы Microsoft и включены уже в IE5.

    Правда ли, что HTML5 предназначен для мобильных устройств?

    Совершенно нет. В основе HTML5 лежат определенные принципы разработки , один из которых гласит о повсеместном его применении:

    «Элементы должны разрабатываться для повсеместного использования... Элементы, по возможности, должны работать независимо от платформы, устройства и носителя.»

    С другой стороны, есть особенности HTML5, которые особенно полезны в свете использования мобильных устройств. Если рассматривать «настоящий» HTML5, очень полезной окажется, к примеру, возможность продолжать работать с сайтом в оффлайне с помощью технологии Application Cache (“Appcache”).

    Также преимуществом является возможность использовать элемент canvas для отображения анимации устройствами, которые по той или иной причине не могут использовать Flash.

    Если рассматривать HTML5 в значении «новые супер-веб-технологии», то огромным плюсом является геолокация.

    Вытеснит ли HTML5 Adobe Flash?

    Нет — по крайней мере, я на это надеюсь. Многие годы Flash оставался единственной возможностью внедрить видео на страницу. Теперь, с появлением HTML5, появилось соперничество, в котором будут развиваться обе технологии, что просто замечательно для разработчиков.

    Apple приняли решение не включать поддержку Flash своими iOS устройствами, что дает огромный толчок видео HTML5. Однако, стоит заметить, что iOS — не самая лучшая платформа и для HTML5.

    Flash в любом случае остается полезным кросс-браузерным инструментом. к тому же, следует понимать, что Flash — это больше, чем просто видео. Некоторые простые его функции, используемые в играх, перехвачены HTML5 canvas, а часть примитивных анимаций, для которых он ранее использовался, перекочевала в CSS3. Однако, из соображений удобства создателей тонкой анимации, используемой в играх и мультфильмах, конечно, лучше пользоваться Flash , в котором куда более удобный интерфейс, упрощающий разработчикам многие рабочие моменты. Со временем, когда будут разработаны удобные оболочки для работы с canvas это изменится, но еще не сегодня и не завтра.

    Комментарии
  • емеля
    4 октября 2011 в 22:29

    html1 *THUMBS UP*

    Olga Ответ:
    октября 5, 2011 at 11:26 дп

    Wdtime.ru Ответ:
    февраля 20, 2016 at 10:32 пп

    Полный список структурных тегов HTML 5 — wdtime.ru/blog/strukturnye-tegi-html-5

  • маргарита
    5 октября 2011 в 14:01

    емеля — дурачок, вы что, сказки не читали? :-D

  • Бублик
    25 ноября 2011 в 14:47

    жаль что некоторые пользователи немогут понять что есть браузеры лучше internet explorera:(

    Olga Ответ:
    ноября 25, 2011 at 4:03 пп

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

    Бублик Ответ:
    ноября 25, 2011 at 4:11 пп

  • В последние несколько лет ведется активная разработка HTML5. Инновационный язык разметки гипертекста должен разом решить все проблемы и вопросы, связанные с проектированием и разработкой веб-сайтов.

    Правда, до последнего момента так и не было заявлено о завершении работ и достижении успешного результата. Чтобы лучше понять, что такое HTML5, полезно обратиться к истории и проанализировать результаты предыдущих этапов поиска идеального кода. Несмотря на незаконченность работы, все больше появляется HTML5-сайтов.

    HTML1 и HTML2

    Первые версии были очень несовершенны, да к тому же не стандартизированы. Каждый дизайнер писал код, как ему казалось лучше. Поэтому сайты часто неадекватно отражались в разного типа браузерах. Поэтому от этих языков очень быстро отказались.

    HTML3.0

    Третья версия уже приобрела некий единообразный формат и позволяла делать сайты приличного качества. Однако были и серьезнейшие проблемы. Например, в HTML3 все форматирование и выравнивание делалось в рамках самого кода станицы.

    На странице размещалась и графика и скрипты. Это сильно увеличивало вес веб-страниц и серьезно замедляло загрузку сайта. Постепенно представление о качественном сайте существенно расширилось. Потребовалась гораздо большая интерактивность и медийные возможности. Пользователи интернета стали гораздо более взыскательными к возможностям веб-проекта.

    HTML4.1

    Считается самым совершенным вариантом. Все внутреннее форматирование было вынесено в каскадные таблицы стилей, работающие по принципу стилей в MS Word. Кроме того, сами таблицы было принято выносить за пределы страниц и размещать в отдельных директориях. Введение в действие CSS привело к достижению соответствия внешнего вида страницы в браузере задумкам веб-мастера.

    Отдельно стали располагаться графические и программные элементы. Все это привело к значительному снижению веса кода и ускорению работы сайтов. Людям такая ситуация понравилась и до сегодняшнего дня большая часть сайтов сделана именно на HTML4.1.

    XHTML и DHTML

    Довольно сомнительные попытки сделать сайты более стандартными и динамичными. Сложности кодирования и чрезмерная строгость языка не способствовали широкому распространению этих версий.

    Истоки появления HTML5

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

    Поэтому от нового кода требовались современные условия.

  • Обеспечить кроссплатформенность, одинаковость отображения во всех типах браузеров.
  • Сайт должен быть одинаково хорошо читаем в десктопах, смартфонах и планшетах любых производителей.
  • Приспособленность к сенсорному управлению для мобильных компьютеров.
  • Способность воспроизводить видео без помощи Flash–плейера. Многие планшеты вообще не поддерживают эту технологию.
  • Возможность открывать документы разных форматов без дополнительных приложений, которые необходимо устанавливать на компьютер.
  • Повысить быстродействие сайтов. Что особенно важно для мобильного интернета, который обеспечивает меньшую скорость.
  • Сделать сайты динамичными и интерактивными. Современный пользователь желает общаться с интернет-ресурсом почти как с человеком.
  • Короче говоря – HTML5 должен удовлетворить самые изысканные вкусы пользователей и позволить разработчикам легко и просто делать великолепные веб-сайты.

    Насколько успешно идут работы по созданию самого совершенного и стандартного языка гипертекста? Такие сайты действительно многое могут. Если у вас нет Flash-плейера, сайт сам это понимает и предлагает просматривать видео и слушать музыку с помощью своих возможностей.

    HTML5–сайты на самом деле стали очень шустрыми. Что касается динамических возможностей и интерактивности, большинство пользователей интернета привыкли пользоваться всеми этими прекрасными вещами уже на подсознательном уровне.

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

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

    Перевод: Влад Мержевич

    1. Это не одна большая вещь

    Вы можете спросить: «Как я могу использовать HTML5, если старые браузеры его не поддерживают?». На самом деле этот вопрос ошибочен. HTML5 не одна большая вещь, это набор разных возможностей. Вы не можете написать «поддерживается HTML5», потому что это противоречит здравому смыслу, но можете определить поддержку некоторых технологий HTML 5, таких как рисование, видео и геолокация.

    Вы можете думать об HTML как о тегах и угловых скобках. Это конечно важная часть, но не вся. Спецификация HTML5 также устанавливает, как эти угловые скобки взаимодействуют с JavaScript посредством объектной модели документа (Document Object Model, DOM). HTML5 не просто определяет тег , он также сообщает DOM обо всех видео-объектах. Вы можете использовать интерфейс прикладного программирования (API) для поддержки разных видеоформатов, проигрывания ролика, его остановки, отключения звука, отслеживания загрузки файла и многого другого построенного на взаимодействии пользователя и тега .

    2. Вам не надо откидывать имеющееся

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

    Вот конкретный пример: HTML5 поддерживает все элементы форм, что и HTML4, а также включает новые элементы. Некоторые из них, вроде ползунков и выбора даты, напрашивались давно, другие не столь очевидны. К примеру, поле для ввода адреса электронной почты это рядовое текстовое поле, но современные браузеры для этого поля позволяют упростить набор адреса. Старые браузеры не поддерживают input type="email" , поэтому покажут обычное текстовое поле, и формы будут работать с ним без всяких дополнительных ухищрений. Это позволяет вам уже сегодня улучшить свои формы, даже если некоторые пользователи до сих пор привязаны к IE6.

    3. Легко начать

    «Обновление» до HTML5 можно сделать простым изменением доктайпа. Элемент должен всегда располагаться в первой строке кода любой веб-страницы. Предыдущая версия HTML определяла несколько вариантов доктайпа и выбор правильного был делом нелегким. В HTML5 есть только один доктайп:

    Смена доктайпа не разрушает существующую верстку, потому что все теги, определенные в HTML4 также поддерживаются и в HTML5. Ко всему прочему, вы можете использовать, и корректно, новые семантические элементы вроде , , и .

    4. Это уже работает

    Если вы желаете сделать рисунок, проигрывать видео, улучшить функциональность форм или построить оффлайновое веб-приложение, то обнаружите, что HTML5 прекрасно поддерживается браузерами. Firefox, Safari, Chrome и мобильные браузеры работают с тегом , видео, геолокацией, локальным хранилищем и др. Google понимает аннотацию микроданных. Даже Майкрософт, который обычно тащится в хвосте стандартов, поддерживает основные возможности HTML5 в своем браузере Internet Explorer 9.

    Все разделы этой книги содержат таблицу совместимости популярных браузеров. Гораздо важнее, что включено обсуждение вариантов для поддержки старых браузеров. Такие технологии HTML5 как геолокация и видео были реализованы с помощью плагинов вроде Gears или Flash. Другие возможности, вроде рисования, могут быть эмулированы через JavaScript. Эта книга рассказывает, как использовать встроенные функции современных браузеров без отбрасывания старых версий.

    5. Он уже здесь

    Тим Бернерс-Ли изобрел всемирную паутину в начале девяностых. Позже он основал W3C для поддержки веб-стандартов, организацию с более чем пятнадцатилетней историей. Вот что объявил W3C о будущем веб-стандартов в июле 2009:

    Сегодня руководство заявило, что когда устав Рабочей Группы XHTML 2 завершится в конце 2009 года, он не будет продлен. Это сделано для повышения ресурсов рабочей группы по HTML. W3C надеется, что это ускорит продвижение HTML5 и разъясняет позицию W3C относительно будущего HTML.

    HTML5 уже здесь. Давайте погрузимся в него.



    Рекомендуем почитать

    Наверх