15 апреля 2011 г.

HTML5 и IE

Если вы считаете, что использовать HTML5 (что касается html'а) на своих сайтах ещё рано, то вы ошибаетесь. Современные браузеры отлично справляются с новыми тегами и поддерживают соответствующий доктайп. И несовременные, между прочим, тоже справляются!
Итак, давайте выбросим из головы предрассудки и пойдём в ногу со временем.

1. Доктайп

<!doctype html>
Да, и в IE это заработает, ибо режим будет интерпритирован как стандартный.

2. html5shiv

<!--[if lt IE 9]>
<script type="text/javascript" src="html5shiv.js"></script>
<![endif]-->
Симазнаетедлякого.
Заработало, теперь новые теги доступны для стайлинга.

3. innershiv

Не заработало, когда html пришёл аяксом(
Не грустим!
<!--[if lt IE 9]>
<script type="text/javascript" src="innershiv.js"></script>
<![endif]-->
А в js пишем:
if (typeof innerShiv === 'function') {
    $.ajaxSetup({
        dataFilter: function(data, dataType) {
            if (dataType === 'html') {
                return innerShiv(data, false);
            }
            else {
                return data;
            }
        }
    });
    $.fn.html5 = function(){
        return innerShiv(this.html(), false);
    };
} else {
    $.fn.html5 = function(){
        return this.html();
    };
}
ЗЫ
.html5() поможет вам работать с аяксовым ответом до вставки в DOM.

Комментариев нет:

Отправить комментарий