В последнее время все больше и больше приходиться верстать под html5. Основные популярные браузеры уже давно научились распозновать теги html5, например это – section, header, footer, aside, article, nav. Все бы хорошо, но жизнь как всегда усложняет наш любимый InternetExplorer. 

Версии IE 6,7,8 не понимают – эти теги. Что делать? На помощь как всегда приходит javascripts, а частности скриптик, который подключается на странице вот так: 
 
<!--[if lt IE 9]>
<script src="" target="_blank" >html5shim.googlecode.com/...
<![endif]-->

Ура теперь и в ie понимает теги html5!

<section class="wrap">
    Тег section
</section>

Но вопрос, что будет если отключить js?

Ответ – ничего хорошего не будут, а вернее вся страница "полетит".
Нашел для себя выход из этой ситуации. Я теги-секции (section, nav, footer, header и т.п.) оборачиваю дивом, и к тегам-секциям в css никаких стилей не применяю, а применяю их к оборачиваему диву. И теперь даже если отключить js, то страница в IE "не ломается":

<div class="wrap">
    <section>
        Тег section
    </section>
</div>

Здесь минус идет в увеличении размера страницы, но и плюс большой улучшение семантики разметки. Теперь поисковики будут точно знать где шапка (тег <header>) страницы, где подвал (тег <footer>), где центальный контент (<article>), где меню (<nav>) и где колонки с рекламой и т.п (<aside>). 

Источник verstkawebsaita.ru – верстка сайтов.