20.01.2012

Подборка сайтов использующих HTML 5

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

Для начала, давайте рассмотрим некоторые елементы HTML5

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

  • Благодаря таким елементам как: <header>, <footer> и <section>, черезмерное использование div'ов существенно упростится. К примеру тег <header> будет обозначать шапку сайта, <footer> - подвал сайта и т.д.
    <header>
    <h1>Page Title is put here</h1>
    <p>Introduction text for the header is put here</p> </header>
  • <!DOCTYPE> наконец-то станет легко запоминаемым. Для тех кто не в курсе - это не тег HTML, эта запись сообщает браузеру какую спецификацию HTML использовать для текущего документа.
  • Canvas – позволит использовать анимацию без Flash. Тег <canvas> создает область, в которой при помощи JavaScript можно рисовать разные объекты, выводить изображения, трансформировать их и менять свойства. При помощи тега <canvas> можно создавать рисунки, анимацию, игры и др.
  • Тег <video> – Добавляет, воспроизводит и управляет настройками видеоролика на веб-странице, опять же без необходимости использования Flash.

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

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

  • ManicSpaceman – использование Canvas. Чтоб увидеть как построена игра - взгляните исходный код
  • sketchpad – рисовалка, построенна также с использованием HTML 5 тегов, в частности тотже Canvas!
  • mygreenheat.co.uk – HTML 5 doctype и HTML 5 елементы
  • Vaullt – использование <video>
  • subcide.com – использует новые элементы формы. Посмотрите, как в будущем будут кодироваться веб-формы.
Просмотров:
1458
Раздел:
HTML
Теги:
примеры, html5, html, верстка, подборка
Комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]