Комментарий: Эта статья в основном представляет решение о том, как новые элементы HTML5 совместимы со старыми браузерами. Друзья, которые это нужно, могут ссылаться на это.
Один вопрос, что учитель бросил нам: как сделать IE8-совместимый с этими тегами? (Требуется дизайн DOM в JS)Хотя я только что говорил сегодня, мне все еще нужно это понять.
<pran> <! Doctype html>
<html>
<голова>
<meta charset = "utf-8">
<title> Сравните совместимость новых элементов HTML5 в старых браузерах - HTML5 Freedom </title>
</head>
<тело>
<Header> верхняя область </Header>
<Av> Навигационная зона </NAV>
<статья> Область статьи </article>
<нижний нижний цвет> нижняя область </cooler>
</body>
</html> </span>
В браузерах, которые поддерживают теги HTML5, он появляется как:
| -------------------------------------------------------------------------------------------------------------------------------------------
| Верхняя область |
| Навигационная зона |
| Область статьи |
| |
| -------------------------------------------------------------------------------------------------------------------------------------------
Стиль отображения в старом браузере:
----------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------
Все имеют одинаковый эффект. Если вы не ошибаетесь, старый браузер не распознает эти недавно добавленные теги, поэтому все они решаются с помощью встроенных элементов. Следовательно, в решении есть прорыв, чтобы его стали элементом блока и не будет в той же линии. Таким образом, один и тот же эффект может быть отображен как в новых, так и в старых браузерах. Кроме того, браузер распознает тег. Конкретное решение о необходимости добавления новых тегов:
IE8/IE7/IE6 поддерживает теги, сгенерированные с помощью метода Document.CreateElement. Эту функцию можно использовать для того, чтобы эти браузеры поддерживали новые теги HTML5. Код выглядит следующим образом:
document.createElement ('new Tag'); // Добавить, чтобы создать новый тег
Код JS выглядит следующим образом:
<Скрипт>
document.createElement ('заголовок');
Document.CreateElement ('NAV');
document.createElement ('статья');
document.createElement ('нижний колонтитул');
</script>
Или создавать теги непосредственно, цикл:
var e = "abbr, article, в сторону, аудио, холст, даталист, детали, диалог, события, фигура, нижний колонтитул, заголовок, hgroup, mark, меню, счетчик, навигация, вывод, прогресс, раздел, время, видео" .plit (',');
var i = e.length;
While (i-) {
Document.createElement (e [i])
}
Настройка стиля CSS по умолчанию стиль:
<style>
Статья, в сторону, холст, детали, фиг.
дисплей: блок;
}
</style>
Другой способ - использовать метод Framework, используя условные комментарии и код JS для его реализации
<pran> <!-[если IT IE 9]>>>>>>
<script> src = "http://html5shim.googlecode.com/svn/trunk/html5.js" </script>
<! [endif]-> </span>
Просто добавьте этот код для достижения вопросов совместимости, относительно условного внимания
<!-если LT IE9>
Это должно определить, меньше, чем IE9 или ниже. Если это так, выполните этот код JS. Если это не так, игнорируйте это. Что касается ссылки в JS, вы можете узнать, открыв ее напрямую и проверив ее. Это также большой кусок кода.