Вы уже верстаете в HTML5?

IT Standards

Only registered users can participate in poll. Log in, please.

Вы уже верстаете в HTML5?

14.0%Да, стараюсь использовать все преимущества нового стандарта.310
18.7%Выставляю <!DOCTYPE html>, но разметка классическая — на дивах.414
42.7%Нет, считаю, что еще рано и браузеры не готовы. Верстаю в HTML4/xHTML на дивах.944
24.6%Я не в теме, верстаю на табличках :)543

Tags:

Hubs:

IT Standards

Ads

AdBlock has stolen the banner, but banners are not teeth — they will be back

More

+37
2.3k
97
Share
- Copy link
- Facebook
- Twitter
- VK
- Telegram
- Pocket

Ерошенков Сергей TecHMeaT

Front End Developer

July 28, 2020 at 01:51 PM
C2x: the future C standard

20 9.1k 6 3
February 20, 2020 at 10:02 AM
How we learned to draw text on HTML5 Canvas

5 3.7k 6 0
October 7, 2019 at 02:11 PM
Top Skills You Will Need to be a Front-End Developer

3 4.1k 4 1

Ads

AdBlock has stolen the banner, but banners are not teeth — they will be back

More

Comments 97

TecHMeaT January 19, 2011 at 10:15 AM
+5
Вчера W3C обнародовал логотип HTML5, сделал страничку, на которой можно сгенерировать кнопочку себе на сайт (пост и обсуждение на хабре), и этим они как-бы намекают — время пришло! У нас есть причины для того, чтобы перейти на HTML5, причин не делать этого я не вижу.
- SeTeM January 19, 2011 at 12:17 PM
  +7
  >причин не делать этого я не вижу.
  Старые версии браузеров.
  - TecHMeaT January 19, 2011 at 12:20 PM
    
    +1
    Это не причина. Читайте мои комменты на счет этого ниже.
    - SeTeM January 19, 2011 at 12:23 PM
      
      +1
      
      Да, извините. Сначала написал, потом продолжил читать.
      - seorez January 19, 2011 at 03:46 PM
        
        0
        
        Если честно, просто не вижу смысла в этом для большинства простых проектов. Какие зайцы будут убиты кроме собственного самолюбия?
        
        simplyv January 19, 2011 at 04:04 PM
        
        +1
        
        Потихоньку начал использовать только то, что работает везде.
        Когда то надо начинать.
agul January 19, 2011 at 10:24 AM
+1
Чисто свои проекты/эксперименты верстаю на HTML5, а на заказ, например, верстаю на div'ах.
Но HTML5 однозначно удобнее, поэтому вскоре планирую полностью перейти на него.
- TecHMeaT January 19, 2011 at 10:27 AM
  +4
  Я даже для заказчиков верстаю в HTML5, по умолчанию (если нет указаний верстать классически).
  - region23 January 19, 2011 at 12:39 PM
    
    0
    Подскажите, где почитать про верстку для HTML5?
    - TecHMeaT January 19, 2011 at 12:44 PM
      
      +12
      
      html5boilerplate — взрыв для мозга, сама по себе страница очень полезна, так же она содержит много тематических ссылок
      - goran January 19, 2011 at 02:58 PM
        
        +1
        
        Sempron3000+/1024 озу — на этом взрыве мозга у меня все дико тормозит в файрфоксе.
        
        TecHMeaT January 19, 2011 at 03:09 PM
        
        +4
        
        Ну файерфокс сам по себе не особо шустрый браузер (рискую навлечь на себя гнев лисы), а если еще расширений наставить… Представленная страница предназначена скорее для демонстрации возможностей с последующем изучением. Да, напихали там всё что можно, но это не значит, что в своих проектах поступать так же.
        
        samat January 19, 2011 at 07:22 PM
        
        +2
        
        Pentium Dual Core, Windows, Chrome — ничего не тормозит.
        
        SiTLar January 20, 2011 at 02:47 AM
        
        0
        
        Pentium4 1.6 512 RAM Fx 3.6.12, Gentoo.
        Ни чего не тормозит.
        
        TheShock January 20, 2011 at 04:13 AM
        
        0
        
        у вас, случайно, Файрбаг не включен?
      - belk January 20, 2011 at 04:41 AM
        
        +1
        
        А видео в конце на флеше.
      - Regis January 22, 2011 at 06:52 AM
        
        0
        
        При скорллинге страницы на этом сайте постоянно наблюдаю лаг рендеринга в центальной части экрана. Определенно авторы что-то уж слишком перевзорвали мозг. Firefox 3.6.13.
hostadmin January 19, 2011 at 10:27 AM
+4
Вообще буду следить за статистикой использования браузеров на своих сайтах, как только браузеров, поддерживающих HTML5 станет больше 85%, так и задумаюсь об использовании HTML5, а пока буду только знакомится с ним.
- TecHMeaT January 19, 2011 at 10:30 AM
  +2
  А что не так с браузерами сейчас? :)
  Вы сомневаетесь в поддержке HTML5 недобраузерами от мелкософта? Пара костылей — и всё прекрасно отображается, даже в любимом IE6.
  - hostadmin January 19, 2011 at 10:35 AM
    
    +5
    Применение костылей заставляет чувствовать себя/сайт инвалидом :)
    - TecHMeaT January 19, 2011 at 10:50 AM
      
      0
      
      Если я беру костыль у гугла, то это ну вообще ни разу не заставляет меня чувствовать себя инвалидом :)
  - kochetkovweb January 19, 2011 at 10:37 AM
    
    +2
    С костылями для убогих браузеров не вижу смысла использовать HTML5. Пока верстальщики адаптируют код, тихий ужас вроде IE6 будет жить.
    - TecHMeaT January 19, 2011 at 10:46 AM
      
      –1
      
      Использовать или не использовать новый стандарт пусть каждый решит для себя сам. Лично для меня переход на HTML5 стал мощным пинком к саморазвитию, для того, чтобы еще больше времени уделять изучению фишек я даже е-читалку приобрел.
      Доля ИЕ7-8 достаточно велика, глупо отказываться от их поддержки. ИЕ6 давно должен умереть, уже доля мобильных браузеров гораздо больше, лучше уж поддерживать их, чем это древнее барахло. Но иногда есть требование заказчика — в ИЕ6 должно работать!
CaptainFlint January 19, 2011 at 10:45 AM
+6
Последние два пункта странно как-то выглядят. А если я в теме, но всё равно верстаю на табличках? Всё зависит от структуры документа. Если логичнее выглядит блочная структура — делаю на дивах, если ситуацию точнее отражают таблицы — делаю таблицами…
- bosha January 19, 2011 at 02:37 PM
  0
  +100500. Что таблицы, что div'ы — это всё инструмент. И как говорится нет смысла забивать гвоздь кувалдой когда молотка достаточно.
- orloffkirill January 19, 2011 at 05:15 PM
  +1
  А сколько людей верстают на табличках и без доктайпов, и вообще ни о чем не задумываясь, для очень многих сайтов тег <font> встречается на страничке чаще, чем какой другой…
TecHMeaT January 19, 2011 at 10:56 AM
+3
Да, действительно есть определенный тип сайтов, где требуются именно таблицы. Что-то давненько мне не приходилось верстать структуру сайта на таблице, поэтому даже затрудняюсь описать этот тип, может поэтому варианты ответов составлены именно так. Еще есть такая штука, как семантика (я сейчас не пытаюсь развести холивары).
- TecHMeaT January 19, 2011 at 10:58 AM
  0
  Это ответ к комментарию выше, сори.
vdv73rus January 19, 2011 at 11:20 AM
+3
На внутренних и экспериментальных проектах вовсю дегустирую.
Для заказчиков, считаю, время новых стандартов еще не пришло.
u_story January 19, 2011 at 12:15 PM
–3
а где вариант — я не верстаю вообще?
- lexich January 19, 2011 at 12:20 PM
  0
  Может тогда стоит начать :)
- TecHMeaT January 19, 2011 at 12:23 PM
  0
  Хабра не позволяет сделать описание к опросу, там бы я попросил голосовать верстальщиков. Потому понадеялся, что ответят те, кто верстает :)
  - NeOn4eG January 19, 2011 at 01:06 PM
    
    +1
    Непонятно почему не сделали описание к опросу… На автокадабре это сделать можно…
    - TecHMeaT January 19, 2011 at 01:07 PM
      
      +1
      
      Видимо НЛО запретило :)
- Casio January 19, 2011 at 12:24 PM
  +1
  А мне вот не хватило варианта про «Справедливую Россию». Ну и на самом деле вариантов маловато, поэтому воздержался.
- Xarakternik January 19, 2011 at 12:31 PM
  0
  Он не нужен.
- WGH January 19, 2011 at 11:43 PM
  +1
  «Воздержаться», очевидно же
Vladson January 19, 2011 at 12:20 PM
0
Опрос не вполне чёткий. По этому воздержался.

Вообще (для чужих сайтов) верстаю пока на HTML4, но когда для себя, то уже совсем другое дело.
b0n3Z January 19, 2011 at 12:22 PM
+2
Верстаю везде в html5. Новую верстку начинаю на базе html5boilerplate. Собственно, ничего не мешает это делать, учитывая, что для всех браузеров, что не поддерживают новый стандарт есть встроенные в бойлерплейт костыли.
- TecHMeaT January 19, 2011 at 12:26 PM
  +1
  Пожалуй, это лучший коммент :)
  Действительно, html5boilerplate — очень мощная штука, изучение материала на странице переводит на новый левел!
  - bosha January 19, 2011 at 02:40 PM
    
    0
    Ага. Мощная и с виду хорошая. Только у меня валидатор обнаруживает ошибки на их сайте, что смущает и доверие падает.
TheShock January 19, 2011 at 12:23 PM
+3
html5, ослов привожу в чувство так:
```

```
- TheShock January 19, 2011 at 12:25 PM
  +8
  Поправка, надо так:
```
<!--[if lt IE 9]>
```
SCINER January 19, 2011 at 12:25 PM
+1
последний мной сверстанный сайт HTML-5 валидный
7monetok.com/

и это кстати не мешает ему быть сверстанным на таблицах =)
- Vas3K January 19, 2011 at 12:29 PM
  0
  > ему быть сверстанным на таблицах
  Вы хвастаетесь или скорбя?
  - SCINER January 19, 2011 at 12:36 PM
    
    +1
    просто заодно показал свою позицию в споре о дивах и таблицах =)
- TheShock January 19, 2011 at 12:29 PM
  +5
  Не понятно только, зачем там таблицы. А в коде от html5 один только доктайп =)
  
  Подозреваю, что автор имел ввиду следующее:
  для разметки страницы вы используете html5-теги (section, nav, article, header), дивы или таблицы?
  - SCINER January 19, 2011 at 12:33 PM
    
    –1
    кроме доктайпа есть еще запрет использования атрибутов cellspacing, cellpadding, style, тега font и еще много всякой мелочи.
    - SowingSadness January 19, 2011 at 01:35 PM
      
      +2
      
      Да, только навигацию вы не обрамили тегом nav — что уже говорит, что ваш сайт лишь маскируется как сайт сделанный на HTML5
    - Mithgol January 19, 2011 at 01:42 PM
      
      +1
      
      Запрет использования атрибута style?
      - SCINER January 19, 2011 at 02:23 PM
        
        +1
        
        На счет style я ошибся.
  - Mithgol January 19, 2011 at 02:22 PM
    
    +1
    Представление о том, что с приходом HTML5 важными станут его элементы (<section>, <nav>, <article>, <header>, и так далее), представляется мне наивным энтузиазмом, который не особенно соответствует прежнему направлению исторического процесса.
    
    Двумерная структура обеспечивалась таблицами тогда, когда стандарт СSS был в зачаточном состоянии (CSS1).
    
    Затем появился стандарт CSS2 с чудесными долгожданными свойствами «position», «z-index», «margin», «padding», «display» и так далее. Все эти свойства, наоборот, оказались для таблиц (и их ячеек) неудобны, так что произошёл откат к наиболее общим несемантическим тегам (<div> и <span>) прежде всего. Хотя все эти свойства могли не хуже применяться и к семантическим тегам (<p> или <cite>, например), этого в массе не произошло. И причиною этого перехода было не появление новых тегов в HTML, а появление новых свойств в CSS.
    
    Но на подходе CSS3, в котором есть инструмент резиновой двумерной сетки для вёрстки, который одновременно превосходит и прежние таблицы и прежние трюки CSS2. Это флексибоксы, которые давно известны, например, верстальщикам расширений Файерфокса, использующим язык XUL.
    
    Уместно предположить, что свойства flexible box будут применяться и накладываться прежде всего на всё те же несемантические теги (<div> и <span>). Вряд ли кто-то кинется применять свойства CSS3 на теги HTML5 (<section>, <nav>, <article>, <header>, и так далее) одновременно. Во-первых, эта двойная перемена не слишком будет способствовать обратной совместимости. Во-вторых, как и прежде, изменения вызываются ведь не появлением новых тегов в языке HTML, а появлением новых свойств в языке CSS.
    - TheShock January 19, 2011 at 05:10 PM
      
      +1
      
      В данном случае одно другому не мешает и одно от другого мало зависит. Элементы врядли станут важными, но использовать их будут многие, ибо это красиво.
- TecHMeaT January 19, 2011 at 12:30 PM
  0
  Предположу, что Вы ответили на второй вариант — юзаете короткий доктайп, но верстка классическая.
Wildy January 19, 2011 at 12:28 PM
+32
В Вилларибо и Виллабаджо опять дедлайн. Пока ребята из Вилларибо верстают сайт дивами, ребята из Виллабаджо уже всё сверстали на таблицах и еб*шат друг друга в квейк.
© neatkariga at lj
- TecHMeaT January 19, 2011 at 12:32 PM
  0
  Классический подход программиста :)
  - TheShock January 19, 2011 at 12:34 PM
    
    +1
    Классический подход человека, который делает на «абы сдыхаться».
    - 1andy January 19, 2011 at 01:27 PM
      
      +2
      
      Зависит от случая. Там где нужно использовать таблицы — лучше их использовать, а не пытаться не понимая сути выкинуть таблицы отовсюду.
      
      Если проследить Firebugом по популярным и хорошо сделанным сайтам (вроде Gmail), то таблицы там находятся даже в очень неожиданных местах.
      
      Насчёт валидности, стандартов, мне когда-то очень понравилось, как написал Джеф Атвуд (создатель stackoverflow):
      www.codinghorror.com/blog/2009/03/html-validation-does-it-matter.html
      - crwin January 19, 2011 at 01:52 PM
        
        0
        
        потому что если надо чтобы сайт работал на всём угодно, то таблицы в данном случае единственное решение, т.к. в них нет проблем с флоатами, отступами и прочими мелкими и не очень приятными багами.
        конечно поддерживать данный код весьма проблематично, но зато он работает везде.
        
        TecHMeaT January 19, 2011 at 01:55 PM
        
        0
        
        И на мобильных девайсах нормально? :)
        Не будем забывать о растущей популярности мобильных устройств, браузеры которых гораздо лучше обрабатывают дивную верстку, нежели табличную. Это есть доступность контента.
        
        crwin January 19, 2011 at 04:58 PM
        
        +1
        
        а на IE6-9 и прочем зоопарке браузеров и их версий? гораздо проще сделать то, что будет работать с минимальной кровью в абсолютном большинстве случаев и с предсказуемым результатом, нежели тысяча костылей и хаков, которые неизвестно как себя поведут в следующей версии
        под мобильные девайсы не зря существуют мобильные версии сайтов, там как раз таки браузеры стандартов придерживаются и можно вполне всё сделать «по-человечески»
        
        TheShock January 19, 2011 at 05:11 PM
        
        0
        
        Каких проблем с флоатами, о чём вы? Между прочим, проблемы обычно как раз появляются с таблицами с непонятным отступом в 1пиксель.
        
        crwin January 19, 2011 at 05:40 PM
        
        +2
        
        гуглить «ie float bug», «ie double margin bug» и прочее
        
        TecHMeaT January 19, 2011 at 05:42 PM
        
        0
        
        И нагуглить display:inline-block
        
        crwin January 19, 2011 at 06:03 PM
        
        0
        
        это лишь один частный случай, и дай божэ что от этого не сломается контейнер или ещё что пуще (очень зависит от конкретной верстки)
        в довольно больших проектах из-за обилия кучи стилей ie любит сходить сума. наблюдал уже не пару раз и магия оказывалась там просто напросто бессильной
- mephisto January 19, 2011 at 09:02 PM
  –1
  А ведь и правда — дивами пока сверстаешь так как надо, чтобы оно не глючило и было как задумано — застрелиться проще. На таблицах раз раз и готово.
  - TecHMeaT January 19, 2011 at 09:09 PM
    
    0
    Вот поверьте — попроси меня сейчас сверстать таблицами самый обычный сайт — я или вежливо откажусь или ломану такую цену, что сами откажутся. Потому что дивами гораздо проще.
    - mephisto January 19, 2011 at 11:08 PM
      
      –1
      
      Это дело опыта имхо. Если знаешь как обходить подводные камни, не делаешь глупых ошибок, и т.п. — это конечно будет быстрее дивами, там тупо кода меньше писать.
      Но когда начинаешь в первый раз, и верстка — это не твой основной хлеб, то есть верстаешь 1-2 страницы в год, то проще и быстрее будет таблицами :D
Terion January 19, 2011 at 12:46 PM
+2
Я вообще из семейства XHTML Strict =))
На заказ делаю по-старинке, себе — с HTML5. Написал серверный скрипт который смотрит что за браузер, и если ИЕ, перед выводом страницы на экран регулярками заменяет хтмл5 теги на классические с соответствующими классами
- 1andy January 19, 2011 at 01:41 PM
  0
  Поделитесь скриптом?
  - Terion January 19, 2011 at 01:42 PM
    
    0
    как-то постом напишу. чувствую, что его еще можно оптимизировать, но пока руки не доходят) так что чуть позже
    - TecHMeaT January 19, 2011 at 01:44 PM
      
      0
      
      Если будете допиливать — обратите внимание еще на мобильные браузеры, актуальная тема.
      - Terion January 19, 2011 at 01:47 PM
        
        0
        
        кстати да, спасибо.
        правда их же целый зоопарк… опера, фф и вебкит мобильные поддерживают итак, а вот всякие остальные вроде родного симбового и прочих… надо будет покурить про их юзерагенты
        
        TecHMeaT January 19, 2011 at 01:51 PM
        
        0
        
        На Wordpress есть плагины, делающие подобную работу, могут облегчить курение :)
        
        kastigar January 19, 2011 at 01:58 PM
        
        0
        
        Или все-таки открыть это дело где-нить и позволить комьюнити помочь учесть все эти фишки :)
        
        Terion January 19, 2011 at 02:04 PM
        
        0
        
        ок, уговорили, на днях вытащу из запыленных архивов да сделаю псто)
Mirror January 19, 2011 at 01:11 PM
+2
Уже больше года использую только HTML5. Не вижу проблем, да и о «костылях» говорят те, кто считает вёрстку сайтов неким монолитом, который должен одинаково выглядеть во всех возможных браузерах. Зачем это нужно, кому?
- TecHMeaT January 19, 2011 at 01:14 PM
  +1
  Увы, но так считают большинство заказчиков. Конечно же ниодин посетитель сайта не станет открывать его в разных браузерах (если это конечно это не есть цель).
piumosso January 19, 2011 at 01:15 PM
0
Ага. Вот spokoino.ru переверстали
А вообще, не забывайте, что HTML5 — это не только теги)
- IgorMats January 19, 2011 at 01:34 PM
  0
  Действительно. Все говорят только типе верстки, а о самих новых возможностях HTML5 молчат.
  - TecHMeaT January 19, 2011 at 01:37 PM
    
    0
    Да ну, на хабре полно статей и про CSS3, и про SVG, и про Canvas… То что HTML5 — это тренд и совокупность технологий тоже не раз обсуждалось.
pepelsbey January 19, 2011 at 02:09 PM
+2
Смешной опрос получился, с подковыркой. Если вы проголосовали за пункт:

— Нет, считаю, что еще рано и браузеры не готовы. Верстаю в HTML4/xHTML на дивах.

…а не за:

— Выставляю <!DOCTYPE html>, но разметка классическая — на дивах.

Значит вы просто не понимаете как работает <!DOCTYPE> и это супер-провал.
А это пока лидирующий пункт… Ой-ей.
- TecHMeaT January 19, 2011 at 02:17 PM
  –2
  Многие начинающие верстальщики учатся верстать по работам своих коллег, по мере возниконовения проблем гугля ответы на сиеминутные вопросы. Я долгое время так же работал. Лишь потом пришло понимание, что капать нужно глубже.
- oWeRQ January 20, 2011 at 11:31 AM
  0
  Не понял что вы хотели сказать, что любой html4/xhtml документ является валидным html5?
  
  З. Ы. Самому стало страшно, что уже забыл почему использую доктайп xhtml, за исключением более строгой разметки.
  - TheShock January 20, 2011 at 11:50 AM
    
    +1
    Действительно, почему? ;) Имхо, смысла его использовать — нету.
  - pepelsbey January 20, 2011 at 01:49 PM
    
    +2
    Смысла в XHTML документах как не было, так и нет — разве что кроме более строгого синтаксиса, который никто вам не мешает использовать. А на любой HTML-документ можно поставить короткий HTML5-доктайп, это ничего не изменит, если вы работали в Standard Compliance Mode.
jcd January 19, 2011 at 02:15 PM
0
Что значит рано и браузеры не готовы?
Если доля нормальных браузеров превышает 50% и постоянно растет, то ориентироваться нужно уже на них в первую очередь, на большинство.

А сейчас уже превышает (по декабрьской статистике LI: 58%, если выкинуть Opera Mini, то 64%) — поэтому я верстаю в HTML5.
- TecHMeaT January 19, 2011 at 02:18 PM
  +1
  Не надо выкидывать Opera Mini, её доля больше, чем у IE6 :)
  - jcd January 19, 2011 at 02:54 PM
    
    0
    Доля очень большая — 8.5%. Поэтому я и предложил разделить долю Opera Mini на всех остальных, чтобы оценивать только десктопные браузеры :)
smsteel January 19, 2011 at 04:11 PM
0
Верстаю в xhtml в дивах, потому что скорее лень :)
У меня такой вопрос — а вот эти костыли позволяют использовать кроссбраузерный CSS3? Начиная, например, с border-radius на IE?
- jcd January 19, 2011 at 04:43 PM
  0
  Там другие костыли:
  css3pie.com/
  - jcd January 19, 2011 at 04:45 PM
    
    0
    Вообще с выходом IE9 похоже, что придется делать две версии сайта:
    1) упрощенную IE 6-7-8
    2) нормальную IE9/Firefox/Opera/Chrome/Safari
    - TecHMeaT January 19, 2011 at 04:54 PM
      
      +1
      
      Юзайте CSS3 без всяких там фильтров — он и так станет упрощенным )
      - AbleBoy January 19, 2011 at 08:42 PM
        
        +1
        
        да, кстати! если все красивости CSS3 убрать, то сайт вполне себе смахивает на упрощенный. уже пару заказов по такому принципу делал ;)
      - oWeRQ January 20, 2011 at 11:37 AM
        
        0
        
        Не все вкусности CSS3 можно так использовать, а с теми, что можно и часто не хватает, тени, уголки, градиенты и т. д. надо прописывать под каждый движек по-разному.
Alinaki January 19, 2011 at 11:34 PM
+1
«Верстаю на дивах» — формулировка шестилетней давности. Семантично же.
Toy January 25, 2011 at 12:41 AM
0
В проектах, которых в первую очередь важно качество сервиса, а не то, сколько он приносит бабла — в полной мере стараюсь пользоваться html5, т.к. чем больше будем проявлять интерес к новенькому — охотнее его будут поддерживать браузеры.