Заставляем IE понимать HTML5

В прошлой статье мы провели быстрое знакомство с CSS3 и HTML5. Вроде бы все понятно, новыми языками пользоваться гораздо удобней, и более понятно. И вот, мы уже решили использовать данные языки, даже уже написали несколько строчек кода. И вот, решив проверить код, мы обнаруживаем, что наш "любимый" IE не может отобразить код.

Дело в том, что IE не понимает HTML5. Как поступить? Писать отдельный код для IE? Отказаться от новых возможностей?
Тут нам на помощь приходит Google. Между тегами head, необходимо разместить код:


<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]--> 

После этого IE начнет понимать код. Так же, вы можете скачать данный скрипт, и подгружать его с сайта. С одной стороны это удобней, чем пользоваться сторонним ресурсом, с другой - спецификация постоянно обновляется. А это означает то, что с появлением новых тегов появится необходимость по новой качать скрипт, и выгружать его на свой сервер.
Еще одним способом заставить IE понимать HTML5, между тегами head прописать код:


<script>
document.createElement("header");
document.createElement("nav");
document.createElement("section");
document.createElement("article");
document.createElement("aside");
document.createElement("footer");
</script>

Но не забываем, что с появлением новых тегов, появится необходимость дописывать и их.
Однако, IE не понимает не только HTML5, но и некоторые свойства CSS3.
Тем не менее, я не стану тратить на них время, если вы считаете, что обязаны сделать так, чтобы сайт одинаково отображался во всех браузерах - это ваше дело. Я, в свою очередь, отказался от поддержки IE на своих ресурсах. Как показывает статистика моих ресурсов, у меня минимальное количество пользователей заходит с помощью IE.
Я не считаю, что теряю трафик отказавшись от поддержки IE. Если человек настолько глуп, что не в состоянии загрузить нормальный браузер - это не мой посетитель.

Уважаемые читатели! Если вы обнаружили в тексте ошибку, не поленитесь, выделите слово и нажмите CTRL+Enter. Сделаем язык чище!

  • 0
comments powered by Disqus

Ваше Имя:

Ваш E-Mail:

Или войтите с помощью социальных сетей

  • bowtiesmilelaughingblushsmileyrelaxedsmirk
    heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
    winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
    worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
    expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
    disappointedconfoundedfearfulcold_sweatperseverecrysob
    joyastonishedscreamtired_faceangryragetriumph
    sleepyyummasksunglassesdizzy_faceimpsmiling_imp
    neutral_faceno_mouthinnocent
  • Введите два слова, показанных на картинке: