HTML 5.0

[Elendor]

Организация W3C публично представила черновик очередной, пятой версии языка гипертекстовой разметки HTML, который используется в веб-страницах.

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

Из новой версии языка предлагается убрать около 15 тегов.

Предыдущая версия языка, HTML 4, вышла десять лет назад, в декабре 1997 года. Работа над HTML 5 ведется с марта 2007 года.

[swetlana]

да, верстать несоизмеримо приятнее — факт

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

[Vlad]

Добавил на сайт раздел, посвящённый HTML5. Выглядит пока бедно, так что буду наполнять постепенно.

http://htmlbook.ru/html5

[psywalker]

Добавил на сайт раздел, посвящённый HTML5. Выглядит пока бедно, так что буду наполнять постепенно.

http://htmlbook.ru/html5

Отлично Влад. Желаю тебе побольше хороших и грамотных статей.

[swetlana]

Влад, спасибо.

Не бедно выглядит, нормально. Да и надо ж хоть с чего-то начинать.

[Clubberry]

УРА! Я наконец-то хоть как-то разберусь в html5. Спасибо!

А по css3 что-то типа такого же раздела будет?

[Vlad]

Будет обязательно, только много позже.

[Webr]

Visual Studio 2008

Опубликованы файлы, добавляющие в Visual Studio 2008 HTML5-валидацию и HTML5-IntelliSense.

Чобы воспользоваться, нужно скачать ZIP-файл с сайта blogs.msdn.com, скопировать из него XSD-схему и импортировать .reg-файлы.

XHTML vs HTML

Я интенсивно пользовал несколько лет HTML 4, но однажды перешёл на XHTML 1.1, о чём не жалею. Преимущества проявляются во время поддержки сайтов, особенно если приходится поддерживать код, написанный другим человеком. С well-formed XHTML 1.1 получается меньше путаницы, особенно если он автоматически выровнен каким-либо редактором. Well-formed XHTML не даёт сделать в коде помойку из тегов. У браузеров с XHTML 1.1 тоже гораздо меньше проблем. Более того, анализируя well-formed XHTML, браузеры работают в чуть быстрее и потребляют меньше памяти (по личному опыту). Хотя, я смотрю на некоторые сайты и вижу, что их создателей удобство и нагрузка на компьютер пользователя совершенно не волнуют.

В некоторых случаях я сожалею об ушедших возможностях HTML4, таких как простое указание

<ol start="10">

, поскольку в CSS не предусмотрели адекватно выглядящую простую конструкцию на замену.

В HTML5 не стали убирать атрибут start и другие полезные возможности.

Реалии HTML5

Судя по статистике Google, IE разных версий сейчас - доминирующий браузер. HTML5 поддерживается только начиная с IE9, а IE9 можно установить только начиная с Windows Vista. В то же время у многих пользователей (40.9% на май 2011) по статистике сейчас Windows XP, и, мне думается, переходить с неё они в ближайшие год-два не собираются.

Edited May 16, 2011 by Webr

[SelenIT]

Well-formed XHTML не даёт сделать в коде помойку из тегов.

Что абсолютно не мешает сделать помойку из элементов в DOM, увы.

У браузеров с XHTML 1.1 тоже гораздо меньше проблем.

Да, они его часто просто не поддерживают (IE8-). И обилие вывернутых костылей вместо iframe и target-а для ссылок как бы намекает. А уж что творилось с его спекой в промежутке между 2007-м годом и прошлым октябрем, вообще готовая тема для "секретных материалов" — куда там HTML5!

HTML5 поддерживается только начиная с IE9

HTML5 не поддерживается нигде (и вообще не существует). Разные фичи HTML5/ЖHTML поддерживаются по-разному (напр., короткий доктайп, короткое указание кодировки, атрибут autocomplete, атрибуты data-что_угодно и еще несколько мелочей поддерживаются с IE6 включительно).

[Webr]

HTML5 не поддерживается нигде.

Я имею в виду поддержку тегов, появившихся впервые в HTML5.

[SelenIT]

поддержку тегов, появившихся впервые в HTML5

Теги — это мелочь. С минимальным JS-костылем "поддерживаются" опять же с IE6 (а то и раньше).

[Webr]

поддержку тегов, появившихся впервые в HTML5

Теги — это мелочь. С минимальным JS-костылем "поддерживаются" опять же с IE6 (а то и раньше).

А тут - без костылей.

[SelenIT]

Совсем без костылей (т.е. парсинг полностью по спеке) — пока только последние Хромы и FF4 (немного по теме). Возможно (но еще не факт, что) будет в IE10. В других браузерах (том же FF3.6) бывают нужны костыли типа страховочных дивов-контейнеров. А для старых IE какие-нибудь JS-костыли (закругляторы углов и т.п.) сейчас используются так или иначе...

[Shift-Web]

HTML5 всё таки хорош(особенно порадовала кроссбраузерность -- это ещё проще, чем на иксе), но хотелось бы совместимости с xHTML namespace. Возможно это будет позже, не приятно, что валидатор ругается.

Edited May 30, 2011 by Shift-Web

[Ascendo]

:86:помогите обьединить их вместе сколько не читал :readnews: в инете так и не понял :throw: как таблицу css вставить в html

[SelenIT]

хотелось бы совместимости с xHTML namespace. Возможно это будет позже, не приятно, что валидатор ругается.

Неймспейсы имеют смысл только для application/xhtml+xml и валидны для него же. В validator.nu можно поставить галку "Be lax about HTTP Content-Type" и вручную выбрать XML-парсер. Только смысл валидировать страницы по одним правилам, а "на растерзание" парсерам отдавать по другим?..

как таблицу css вставить в html

Что за диковина "таблица css"?

[E5000]

Что за диковина "таблица css"?

Каскадные таблицы стилей, имеются ввиду, видимо)

Скажите, а где бы посмотреть список тэгов HTML5 поддерживаемых в IE6, например? Хочется и ИЕ6 захватить, и HTML5 тоже захватить, да не знаю какие тэги хватать можно

[Vlad]

Можно не смотреть. Напрямую IE6, IE7, IE8 не поддерживает ни один тег HTML5.

[LuxCore]

Можно не смотреть. Напрямую IE6, IE7, IE8 не поддерживает ни один тег HTML5.

Как тогда писать кроссбраузерный сайт включая IE6, IE7, IE8?

[Dinow]

Как тогда писать кроссбраузерный сайт включая IE6, IE7, IE8?

Легко. Добавь этот скрипт в <head></head>

<!--[if lt IE9]>

<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>

<![endif]-->

[Myuzik]

Dinow, в двух словах принцип работы расскажите пожалуйста. А то давно хочу начать внедрять HTML5 в свои работы...

[Vlad]

Отвечу за Алису. В двух словах: условные комментарии.

[Breaknoise]

новичкам стоит начинать с HTML4, или сразу с HTML5?

[Vlad]

Начинайте с HTML5, основные подходы совпадают.

[Breaknoise]

а по HTML5 уже есть мануалы?

[sigma77]

Breaknoise,

http://htmlbook.ru/html5

Но начинать нужно отсюда - http://htmlbook.ru/samhtml Т.к. html5 фактически лишь расширяет возможности html4 и добавляет новые теги, основа и большинство тегов остаются теми же.