Главная›Веб-мастеринг

HTML5 — уже сегодня, XHTML 2 — прощай

27 комментариев

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

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

HTML5 можно использовать уже сегодня

Для этого достаточно сделать следующее:

  1. Использовать новый тип документа: 
    <!DOCTYPE html>
  2. Заставить Internet Explorer понимать новые теги (HTML5 будет работать даже в IE6!) путем добавления следующего джава-скрипта: 
    <!--[if IE]>
<script>
document.createElement('header');
document.createElement('nav');
document.createElement('section');
document.createElement('article');
document.createElement('aside');
document.createElement('footer');
</script>
<![endif]-->

    Более красивый способ сделать то же самое — загрузить скрипт с Гугла:

    <!--[if IE]> 
	<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> 
<![endif]-->
  3. Сделать новые теги блочными элементами: 
    header, nav, section, article, aside, footer {display: block}
  4. Использовать новые теги для семантически соответствующих сегментов страницы.

Что интересного дает нам HTML5

Вот некоторые из плюсов:

  • Семантически правильные теги. Например, то, что мы обычно обозначали, как <div id="header"></div> теперь заменяется специальным тегом <header></header>. Также появились такие теги, как <nav>, <section>, <article>, <aside>, <footer>.
  • Тег <script> может не содержать вообще никаких атрибутов.
  • Если XHTML запрещал использование атрибута target у ссылок (альтернатива в виде JavaScript для меня непривлекательна), то HTML5 убирает данный запрет. Значит правильно, что я не убил в себе привычку использовать этот параметр.
  • HTML5 можно начать использовать прямо сейчас, он будет работать во всех популярных браузерах.
  • Валидатор от w3.org уже поддерживает проверку HTML5.
  • Google ставит на HTML5, поэтому посмею предположить, что в скором времени этот поисковик даст еще один плюсик в плане поисковой оптимизации тем сайтам, которые используют новые теги стандарта HTML5.

Да здравствует HTML5!

Смотрите также

Как выглядит красивый HTML-код

58 комментариев

Крис Койер (Chris Coyier), автор CSS-Tricks, опубликовал замечательную схему того, как, по его мнению, должен выглядеть красивый и современный HTML-код. В своей статье он показывает пример, который представлен в трех ...

5 советов верстальщику

32 комментария

Лучше поздно, чем никогда. Наконец-то я готов представить свои пять советов в рамках эстафеты, запущенной Никитой, тем более что «пинок» получил от трех человек. 1) Читайте блоги специалистов в данной ...

BlogoArt.ru - дизайн и верстка для блогов на WordPress и Drupal

18 комментариев

Хочу познакомить вас со студией «Блогоарт», которая занимается разработкой дизайнов для блогов и версткой под WordPress и Drupal. Почему я это делаю? Потому что имею прямое отношение к данной студии ...

Комментарии (27)

  1. Илья
    11 июля 2009 г. в 10:45

    Отличная новость. Надо будет обязательно попробовать «переверстать» какую-нибудь страничку в хтмл 5, ради интереса.

  2. Антон
    11 июля 2009 г. в 12:25

    Отлично, буду предлагать заказчикам вёрстку в HTML5.
    А что, если JS у пользователя выключен, то в IE6 работать не будет?

    1. Dimox
      11 июля 2009 г. в 12:44 / ответ на коммент Антон

      Рановато еще предлагать такую услугу заказчикам, потому что да, в IE6 при выключенном JS все будет выглядеть совсем не так, как нужно. Теги, просто-напросто, превратятся в строчные и это будет примерно похоже на то, как если бы были отключены CSS-файлы.

      Причем это касается не только IE6, но и IE7 и, возможно, IE8 (не уверен на счет него).

      Поэтому, рано. Для своих сайтов можно, а для заказчиков пока не стоит.

  3. Galer
    11 июля 2009 г. в 14:43

    А вместо чего вставлять и куда яву вставить? В Body?

    1. Dimox
      11 июля 2009 г. в 19:32 / ответ на коммент Galer

      Вставлять перед тегом </head>.

  4. Антон
    11 июля 2009 г. в 15:14

    Да это просто мировой заговор! Задушили нормальную конкуренцию стандартов.

    1. Andrey Troy
      11 июля 2009 г. в 19:56 / ответ на коммент Антон

      Ух ты, интересная новость! Пойду кину в твиттер.

      1. Антон
        11 июля 2009 г. в 21:16 / ответ на коммент Andrey Troy

        Собственно это было сказано не очень-то и всерьез)
        Ну а вообще XHTML подавал неплохие надежды, немного жаль, что его вытеснил HTML.

        1. SelenIT
          13 июля 2009 г. в 12:05 / ответ на коммент Антон

          XHTML не умер. Во-первых, HTML5 включает в себя XML-сериализацию, отдаваемую как

          application/xhtml+xml

          (т.н. XHTML5), во-вторых, признает валидными теги в XML-стиле (

          <br/>

          и т.п.) и для XML-синтаксиса. Так что оба синтаксиса совместимы с XHTML1.x. Умер только проект нового языка, развивавшего идею XHTML Modularization ценой отказа от обратной совместимости.

  5. Сергей
    12 июля 2009 г. в 14:02

    Чё-то долго они чесались с: , , , , , . Ну а Били, и его «продукт», как всегда в своём репертуаре.

  6. SelenIT
    13 июля 2009 г. в 12:20

    Хочу уточнить про 2022-й год, а то везде эту цифру повторяют как страшилку, не вникая в ситуацию:
    1) Над HTML5 параллельно работают 2 группы — группа HTML из W3C и независимая группа WHATWG. У них разные оценки сроков и, видимо, разные критерии готовности спеки.
    2) По оценке W3C, HTML5 должен был стать кандидатом в рекомендации (т.е. полностью готовым теоретически) уже в этом году, а рекомендацией (т.е. иметь минимум 2 совместимые реализации) — в конце следующего (правда, этот график уже просрочен больше чем на полгода).
    3) По оценке WHATWG, статус кандидата ожидается к 2012 году (это не мешает реализовывать отдельные фичи еще раньше), а затем предстоит долгий процесс покрытия спеки тестами и исправления существующих реализаций с тем, чтобы в конце концов они пришли к полностью единообразному поведению. Вот этот-то момент, который WHATWG считает «полной готовностью спеки», и относится к 2022-му году (или даже позже). Надо отметить, что аналогов этому подходу в истории веба пока не было (разве что CSS2.1 — что-то похожее), по этим критериям даже HTML4.0x (не говоря об XHTML1.x) еще далеко до готовности, несмотря на более чем 10-летний возраст этих спек (браузеры все еще обрабатывают их очень по-разному).

  7. Ромик
    13 июля 2009 г. в 21:11

    Довольно интересная и полезная вещь!
    HTML5 в действии и это действительно радует..,
    думаю уже стоит тестировать на своих новых проектах…
    Согласен с Dimox’ом, что для заказчиков пока не стоит
    использовать HTML5.

  8. SilverX
    21 июля 2009 г. в 14:56

    Отлично, будем пробовать!

  9. Никита
    22 июля 2009 г. в 12:49

    К слову, список движков и их уровень поддержки html 5

    1. Максим Покровский
      10 августа 2009 г. в 22:39 / ответ на коммент Никита

      Никогда не испытывал проблем с использованием

      <div id=”header”></div>

      . А всю семантику новых тегов, криворукие люди все равно на нет сведут. А вот CSS 3 рулит, ну и canvas — вах-вах

  10. qqruzo
    8 сентября 2009 г. в 19:11

    товарисчь, в ие 8 все слетает в кучу как если бы не работал js или css, а в ie 6-7 все еще более плачевно: не отображается ничего вовсе. так что перед тем как постить материал проверяйтесь ;) bom

    1. Dimox
      8 сентября 2009 г. в 19:21 / ответ на коммент qqruzo

      Ты о чем?

  11. Anton
    16 сентября 2009 г. в 23:19

    Если кого-то интересует HTML 5 в серьез:
    http://htmlmaster.ru
    Материала еще мало, но, например, того, что в справочнике, на русском больше нигде нет.

    P.S.
    Под IE 6 уже ничего не надо отлаживать, 16% по рунету сейчас, насколько я знаю.
    Многие ребята, от него отказались, в силу того что он задерживает проекты, которые итак задерживают куда более серьезные вещи, чем 16% мамонтов сидящих под IE 6.
    Софт должен обновляться под приложения, а не наоборот.

    1. ambientos_
      17 сентября 2009 г. в 08:48 / ответ на коммент Anton

      Я думаю серьезные разработчики вправе сами выбирать, поддерживать им IE 6 или нет. И мне кажется, что именно ваше мнение вряд ли кого из читающих будет волновать :) IE 6, когда настанет время — само умрёт.
      P.S. Вспомните лучше синтаксис :) У вас запятые кое-где вообще ни к месту расставлены.

      1. Anton
        18 сентября 2009 г. в 21:28 / ответ на коммент ambientos_
        И мне кажется, что именно ваше мнение вряд ли кого из читающих будет волновать :)

        Самое интересное, что того же мнения и разработчик создавший вот это.
        http://forum.htmlbook.ru/index.php?showforum=29
        То есть ни я один держусь такого мнения.

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

  12. Anton
    16 сентября 2009 г. в 23:22

    Да и настал тот момент когда как ни крути в современных браузерах есть такие новые штучки, которые уже в IE6 несэмулируешь.

  13. Alex Mayhem
    27 ноября 2009 г. в 16:58

    Поддерживать IE 6 в своём проекте группа разработчиков решает основываясь на двух критериях.
    1. Ожидаемая процентная доля пользователей, использующих IE 6.
    2. Сложность поддержки и, как вариант, потери времени на поддержку IE6.

    Приведу примеры:

    Сайт 1. Сайт об HTML вёрстке и веб-дизайне.
    Массовая доля IE 6 минимальна, специалисты обычно сидят под другими браузерами. Мы бы приняли решение осуществлять ограниченую поддержку IE 6 (возможность просмотра контента и основные наиболее важные функции).

    Сайт 2. Сайт о кройке и шитье.
    Массовая доля IE 6 зашкаливает, так как для большинства домохозяек интернет это совершенно непонятная штука, которая открывается в папке, но значок у неё другой и папка зовётся Интернет. Тут нужна полная поддержка IE 6.

    Всё относительно, коллеги.

  14. Антон Форексов
    28 апреля 2010 г. в 09:11

    По-моему, консоциум не в том направлении работает. лучше бы развивали xhtml

  15. Scriptin
    3 июня 2010 г. в 03:09

    1. XHTML 2 не умер, просто Концорциум прекратил «искусственное жизнеобеспечение» рабочей группы. Если есть желание — допиливайте сами ;) Но перед этим хочу вам напомнить об отсутствии обратной совместимости с XHTML1.x — enjoy your pure XML! Мне кажется, W3C сами вырыли могилу стандарту, когда решили закрыть глаза на браузерную реальность.

    2. HTML5 поддерживается производителями браузеров, с вытекающими выгодами.

    3. Есть XHTML5, который создается заменой MIME-типа и добавлением пространств имен. IE его не поддерживает, как обычно, но это и не важно, если учесть следующие пункты.

    4. У HTML5 есть алгоритм парсинга а-ля XML DOM, поддержка XSL и всякие плюшки типа SVG, MathML. Подчеркиваю: у HTML5, а не только у XHTML5. Так что если нет разницы, зачем напрягаться сильнее?

    5. IE6 пора хоронить принудительно, от его поддержки уже отказались YouTube и Google (а вы все еще кипятите?). IE6 без JS — это вообще нонсенс. Вы много знаете любителей осла, которые хотя бы слышали про JS, не говоря уже о том, что могут его отключить? Веб-дизайнеры и верстальщики не в счет. Поэтому заказчикам стоит предлагать HTML5 уже сейчас. Это отличный маркетинговый ход и посильная помощь в развитии перспективной технологии.

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

    P.S. Правильно писать «HTML5», без пробела перед цифрой.

  16. саша
    29 ноября 2010 г. в 13:42

    2022 год???
    ничего себе ….
    не опечатался ли топикстартер???

  17. Историк
    26 сентября 2011 г. в 23:40

    Почему так долго?
    2022 год 0_о
    Так долго придумать теги? Или что там такого сложного что так долго? Может я чёто не понимаю?

  18. Refraktor
    14 сентября 2014 г. в 17:16

    Очень жаль что XHTML развиваться больше не будет…
    HTML терпеть не могу из-за того что отображает даже некорректные страницы. Да и не только из-за этого. Скорее всего чисто идейные соображения.

Ваш комментарий

Жирный текст

Ссылка

Цитата

Внутристрочный код

CSS-код

HTML-код

JavaScript-код

PHP-код

© 2006–2025 Dimox.name. Все права защищены. Перепечатка запрещена.