HTML5 - праздник к нам приходит...


Выбор объектива	Vlad50
Угу, у нас с	Filberd
Как ни может	WingfirE
Посмотрел,	serkvic
Именно поэтому	Mister
Пара советов	Turian
Фото книги	Евгений Д.
A я обычно	Filberd
Все просто.	Turian
Юрий,	serkvic

чт., 10/12/2009 - 12:34 — Handur

В 2004 году в подземных лабораториях W3C началась разработка новой версии языка разметки HTML. Черновая версия новинки появилась в интернете ещё в 2007 году, а финальная, по оценкам разработчиков, будет доступна в 2012 году (к нынешней, 4й версии тоже несколько лет шли)

Собственно, многие современные веб-браузеры уже заявили о поддержке нового стандарта, например Mozilla FireFox 3.5

Что же в нём такого нового, в этом чудо-HTML?

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

Допустим, следующие элементы, являющиеся по сути наследниками элемента <div>, группируют отдельные области страницы по своему назначению.

<Section> Раздел или глава страницы, или подраздел, имеющий собственный заголовок. Например, весь этот текст может заключаться в тег <section>
<Header>: Заголовок страницы. Не путать с элементом <HEAD>
<Footer>: Нижняя часть страницы, "подвал". Туда обычно добавляют копирайты и нижнее меню сайта
<Nav>: Элемент для создания панели навигации с ссылками на другие страницы сайта
<Article>: Отдельные статьи, например, в блоге. Объединяются в элемент <section>

В HTML5 добавлены элементы для управления мультимедийным содержимым. Например, <video> и <audio>.

Теперь для воспроизведения видео или аудио с любых ресурсов достаточно будет добавить следущее:

Пока ещё идут споры о том, какой кодек использовать для воспроизведения видеоматериалов. Скорее всего, обязательным требованием к браузерам будет поддержка кодека Ogg Theora. Работу этих элементов можно увидеть здесь. Польза от них весьма заметна, особенно тем, у кого на работе отключен Flash. (соответственно, все flash-плееры, используемые на популярных видеохранилищах не работают)

Кроме того, в HTML5 присутствует весьма полезный элемент <canvas>, который позволит рисовать в реальном времени 2D-графику и добавлять анимацию, не используя при этом Flash, серверные и клиентсткие скрипты. Пример работы <canvas> можно увидеть здесь.

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

А пока, предлагаю посмотреть другие примеры использования html5 (не забудьте открыть firefox 3.5)

__________________________

Интернет

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

чт., 10/12/2009 - 15:30 — SimbaD

А по какому

А по какому поводу столько радости?

Та же мозлка до сих пор не проходит тест совместимости с предыдущими стандартами, я уж молчу про осла или оперу. Так что до сихпор мы имели бардак в совместимости с HTML3 и HTML4, а теперь будет еще и бардак в совместимости с HTML5.

Надо организационно запретить выпускать релизные версии броузеров несовместимых с существующими стандартами. Только бет, на которых ВОТ ТАКИМИ буквами должно быть написано "Тестовая версия". А в дистрибутивы вообще запретить включать такие версии. Тогда можно будет только проверять на поддержку клиентом стандарта и в зависимости от поддерживаемого стандарта обрезать красоты. А сейчас приходится для каждой версии броузера писать свой код. Или тупая примитивная страничка.

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

чт., 10/12/2009 - 15:39 — Handur

Согласен, есть

Согласен, есть такое.

Но надеемся, что в ближайшее время браузерные изготовители договоряться, как и обещали. Например, в CSS3 стандартным будет стиль border-radius, задающий закругление блоков. И мозиле уже не придётся использовать собственные -moz-border-radius.

Так потихоньку и придём к общему знаменателю (надеюсь).