Есть ли способ перейти на HTML 5 и обещать совместимость с несколькими браузерами? - PullRequest
25 голосов
/ 19 мая 2010

Я дизайнер, основной маркетинговой стратегией которого является совместимость с несколькими браузерами. Уверяю своих клиентов, что сайт будет работать даже в IE6 (!).

В последнее время я размышлял над вопросом перехода на HTML 5. Причина моего опасения в том, что IE6 по-прежнему является крупным игроком с точки зрения доли рынка, и я не хочу его терять.

Есть ли способ перейти на HTML 5 и обещать совместимость с несколькими браузерами?

Спасибо.

Ответы [ 5 ]

33 голосов
/ 19 мая 2010

Да, делая шаги для ребенка.

Для начала вы можете переключиться на тип документа HTML5: <!DOCTYPE html>. Это переключает практически каждый браузер в «стандартный» режим, такой же, как строгий тип документа HTML 4.

Тогда есть новые элементы. Internet Explorer не может их изначально стилизовать, но немного полезного javascript исправляет это: http://code.google.com/p/html5shiv/

Если вы или ваши инструменты не готовы к этому (например, некоторые CMS удаляют теги HTML, которые они не понимают), то тем временем вы можете использовать классы, например, вместо <article> используйте <div class="article">.

Что касается новых элементов управления форм, они также обратно совместимы. Так что <input type="email"> будет работать точно так же, как и <input type="text"> в браузерах, которые его не поддерживают. При необходимости вы можете использовать JavaScript, чтобы заполнить пробелы. Подробнее об этом см. http://diveintohtml5.ep.io/forms.html.

Что касается <video> и <audio>, вы можете вернуться к <object> для старых браузеров - например, http://camendesign.com/code/video_for_everybody. Между тем <canvas> можно эмулировать в javascript, например, http://code.google.com/p/explorercanvas/.

6 голосов
/ 19 мая 2010

«К HTML5» - довольно широкое утверждение. Даже если у вас есть новый набор типов документов HTML5 (простой <!DOCTYPE html>), вам не нужно полностью использовать все аспекты HTML5, только то, что соответствует вашему проекту.

Если вы заинтересованы в освоении HTML5, я рекомендую прочитать " Как использовать HTML5 в работе вашего клиента прямо сейчас ", чтобы найти примеры того, как вы можете использовать определенные аспекты HTML5 с немногими (если любые) недостатки.

Отказ от ответственности: я один из кураторов HTML5 Doctor.

Отсюда все сводится к тому, получат ли ваш проект выгоду от функций HTML5, и сможете ли вы позволить себе реализовать эти функции. Например, если у всех ваших пользователей IE также включен JavaScript, вы можете использовать html5shiv , чтобы IE распознавал новые элементы, позволяя вам использовать их и стилизовать их.

Что касается новых API-интерфейсов JS и свойств CSS, которые люди часто группируют с помощью термина «HTML5», если ваш сайт не требует от вас использования технологии (возможно, что-то вроде геолокации), то это может быть просто вопросом постепенного улучшения , Если пользователи webkit / firefox получают закругленные углы от пользователей CSS3, а пользователи IE - нет, разве это не так уж важно?

1 голос
/ 19 мая 2010

Как правило, я не буду разрабатывать сайт исключительно в HTML 5, но рассмотрю возможность его использования для определенных, более богатых частей сайта .Помните, что он все еще не рекомендуется W3C, и IE его практически не поддерживает.

В этом блоге есть хорошее обсуждение: http://blogs.forrester.com/ronald_rogowski/10-05-10-what_should_customer_experience_professionals_do_about_html5

0 голосов
/ 19 мая 2010

В качестве крайней меры вы можете использовать Chrome Frame: http://code.google.com/chrome/chromeframe/

Что касается «крупного игрока с точки зрения доли рынка», это действительно зависит от вашей аудитории. Даже Microsoft довольно агрессивно продвигает свои новые версии IE. И я не думаю, что стыдно взимать с пользователей IE 6 дополнительную плату за установку плагинов. В конце концов, их браузеру 10 лет, а это около 100 лет Интернета, не так ли?

0 голосов
/ 19 мая 2010

да, есть несколько способов.

но если вам НЕ нужны элементы html5, такие как теги видео, или html5 api, как базы данных браузера, оставайтесь в XHTML, поскольку W3C все еще не рекомендует его. Там вы можете использовать простые запасные варианты для ie6.

вам нужны элементы html5 и apis?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...