Работает ли HTML5-тег в IE7?

Question

Можете ли вы любезно объяснить, работают ли элементы тегов IE5 IE7 правильно. Я здесь, чтобы знать, что элементы структуры HTML отлично работают или нет?

Просьба помочь

Answer 1

Большинство тегов HTML5 работает в IE 7. Некоторые теги добавлены в HTML5 не распознаются IE 7, что означает, что IE 7 процессов и оказывает содержимое между тегами, но игнорирует теги (по умолчанию).

Для новых элементов структуры, таких как nav и header, это означает, что IE 7 отображает их содержимое как есть, не гарантируя, что они отображаются как блоки (что является единственным реальным эффектом на рендеринг или функциональность поддерживающих браузеров). Но вы можете не видеть отсутствие поддержки, если используются элементы, например. как в <div><nav>...</nav></div>', since div` отображается как блок.

Проблема с IE 7 (и друзьями) в отношении новых элементов структуры заключается в том, что они не распознают их как styleable элементов. Это особый случай явления, который обычно не относится к неизвестному элементу как к стилю. Поэтому, если вы установили, скажем, nav { background: yellow } в CSS, это не будет иметь никакого эффекта.

Что касается обходных решений этой проблемы, см. How to use HTML5 in IE 7?, но основная идея проста: если вы скажете, например, document.createElement('nav') в JavaScript (перед любым CSS-кодом, который пытается стиль nav), IE 7 начинает распознавать nav как стиль. Существуют различные библиотеки и другие инструменты, которые включают код для этого для разных элементов.

функциональность новых элементов HTML5 (скажем, canvas элемент или элемент <input type=date>) другое дело. Некоторые функциональные возможности могут быть достигнуты с использованием различных polyfills, но это действительно ломается по многим различным вопросам (многие из которых можно найти в SO с полезными ответами).