Если вы не возражаете против дизайна и макета вашего сайта в зависимости от JavaScript для более старых браузеров (в основном IE версий 6-8), вы можете использовать HTML5 JavaScript shim для IE или Modernizr :
<head>
<meta charset="utf-8" />
<title>Stack Overflow Rocks!</title>
<link rel="stylesheet" href="/path/to/file.css" media="all" />
<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
Чтобы использовать этот скрипт, он должен быть включен перед элементом (то есть в <head>), но не имеет значения, появляется ли он до или после какого-либоCSS.Тем не менее, для повышения производительности предпочтительно включать любой CSS перед этим сценарием.
Умный и несколько креативный подход, который не использует JavaScript , заключается в вставке элемента, который IE/ Win 6-8 понимает (например, старый <div>) внутри семантических элементов HTML5:
<aside>
<div id="sidebar">
<!-- Business as Usual Here -->
...
</div>
</aside>
Затем вы можете применить свой CSS, используя идентификатор (для старых браузеров) илиЭлемент HTML5 (для современных браузеров):
aside,
#sidebar {
...
}
Хотя этот подход добавляет дополнительный набор тегов для каждого элемента HTML5 - и, возможно, не является чистым, как собственный метод HTML5 -это не зависит от JavaScript и макет вашего сайта может выглядеть одинаково с включенным JavaScript или без него .
Для дальнейшего чтения об элементах HTML5 и IE / Win,см. История HTML5 Шива .