Теги header/footer/nav - что происходит с ними в IE7, IE8 и браузерах, чем не поддерживают HTML5?

Я хочу начать использовать Html5, в частности теги <header>/<footer>/<article>/<nav>.

Что произойдет, если браузер не поддерживает эти настройки?

Также мне нужно стилизовать их так: Например: nav имеет границы и поля и т.д. Знаете, что вы знаете о стандартном материале CSS.

Итак, если я стилю их с помощью тега nav, тогда IE7 и IE8 и т.д. будут игнорировать это?

Ответ 1

Если вы еще не читали Dive into HTML5, я бы от души рекомендовал вам прочитать его, но сейчас я отвечу ваш вопрос со ссылкой на раздел описывающий несоответствия с HTML5 и IE < 9.

Ответ 2

Поместите этот раздел <head> на страницу, прежде чем загружать файлы CSS.

<!--[if lte IE 8]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
<![endif]-->

html5shi (m | v) создает элементы doc для всех элементов html5, поэтому стили из вашего CSS могут ударяться. Поведение по умолчанию для IE - игнорировать неизвестные элементы. Для получения дополнительной информации см. Resig сообщение в блоге.

Ответ 3

Да, IE < 9 будет игнорировать любые элементы HTML5 (причина № 3162, которую никто никогда не должен использовать IE), но есть решения javascript для того, что мой неуклюжий ум не может думать об этом утром. Я уверен, что другие будут публиковать эти решения ниже.:)

Сначала это html5 shiv