Как заставить Internet Explorer 8 (и более старые) нормально отображать HTML5 сайты

Если сайт/документ делаешь полностью сам, то можно конечно психануть и сделать верстку в формате XHTML 1.0 или даже HTML 3.2 🙂

Но чаще приходится иметь дело с чужими темами, плагинами, скриптами… А там уже 2й год мода пошла делать все на HTML5 c header, article, section и прочими новыми тагами.

За последний месяц у меня спрашивали как решить такую проблему минимум 3 раза. Ну раз такое дело, опишу решение в блоге и всех буду отсылать сюда 🙂

Полностью функциональность HTML5 получить конечно не получится, но чтобы сайт хотя бы выглядел пристойно достаточно добавить вот такой код в head страницы:

...

<!--[if lt IE 9]>
	
		document.createElement('header'); document.createElement('footer'); document.createElement('nav'); 
		document.createElement('article'); document.createElement('section'); document.createElement('aside');	
	
	<style type="text/css">header, footer, nav, article, section, aside {display: block;}</style>
<![endif]-->
</head>

Если используете еще какие-то теги, просто добавьте их в скрипт и стиль. И главное не меняйте формат комментариев! Вся магия в [if] … [endif] 🙂

Добавить комментарий

Заполните поля или щелкните по значку, чтобы оставить свой комментарий:

Логотип WordPress.com

Для комментария используется ваша учётная запись WordPress.com. Выход /  Изменить )

Google photo

Для комментария используется ваша учётная запись Google. Выход /  Изменить )

Фотография Twitter

Для комментария используется ваша учётная запись Twitter. Выход /  Изменить )

Фотография Facebook

Для комментария используется ваша учётная запись Facebook. Выход /  Изменить )

Connecting to %s