Download to read offline
![<!--[if lt IE 9]>
<script>
document.createElement("header );
document.createElement("footer");
document.createElement("section");
document.createElement("aside");
document.createElement("nav");
document.createElement("article");
document.createElement("hgroup");
document.createElement("time" );
</script>
<![endif]-->
Полифил для IE<9](https://image.slidesharecdn.com/html5-01-html-160829025848/75/HTML-HTML5-01-html-9-2048.jpg)
![Условные комментарии IE
Все условные комментарии поддерживаются в IE<10
Подключение css “для всех IE” (т.е. до 9 включительно):
<!--[if IE]>
<link rel="stylesheet" href="all-ie-only.css" />
<![endif]-->
Подключение css для IE8 и ниже:
<!--[if lt IE 9]>
<link rel="stylesheet" href="ie8-and-down.css" />
<![endif]-->](https://image.slidesharecdn.com/html5-01-html-160829025848/75/HTML-HTML5-01-html-10-2048.jpg)
![Условные комментарии IE
Подключение css “для всех не IE”
(т.е. для IE10+ и всех других браузеров):
<!--[if !IE]><!-->
<link rel="stylesheet" href="not-ie.css" />
<!--<![endif]-->](https://image.slidesharecdn.com/html5-01-html-160829025848/75/HTML-HTML5-01-html-11-2048.jpg)
![Условные классы IE
<!DOCTYPE html>
<!--[if IEMobile 7 ]> <html dir="ltr" lang="en-US"class="iem7"> <![endif]-->
<!--[if lt IE 7 ]> <html dir="ltr" lang="en-US" class=" ie6 oldie"> <![endif]-->
<!--[if IE 7 ]> <html dir="ltr" lang="en-US" class="ie7 oldie"> <![endif]-->
<!--[if IE 8 ]> <html dir="ltr" lang="en-US" class="ie8 oldie"> <![endif]-->
<!--[if (gte IE 9)|(gt IEMobile 7)|!(IEMobile)|!(IE)]><!--><html dir="ltr" lang="en-US"><!--
<![endif]-->](https://image.slidesharecdn.com/html5-01-html-160829025848/75/HTML-HTML5-01-html-12-2048.jpg)
Uploaded byNoveo
Структура HTML документа (HTML5 тема 01 - структура html документа)
Документ описывает структуру HTML5, включая основные семантические теги, такие как header, footer, section и article. Также содержатся рекомендации по полифилам и условным комментариям для обеспечения поддержки браузеров с ограниченной функциональностью. Приводятся ссылки на полезные ресурсы для изучения HTML5 и проверки совместимости браузеров.
![Scino: Front-end [part-1]](https://cdn.slidesharecdn.com/ss_thumbnails/scion-front-end-part-1-140411050351-phpapp01-thumbnail.jpg?width=640&height=640&fit=bounds)
Структура HTML документа (HTML5 тема 01 - структура html документа)
- 1. Структура HTML документа СтажировкаHTML5 Света Шарипова
- 2. HTML5 <!DOCTYPE html> <html lang="en"> <head> <metacharset="UTF-8"> <title>HTML5</title> <link rel="stylesheet" href="main.css"> <script src="app.js"></script> </head> <body>...</body> </html>
- 3.
- 4. HTML5 <header><h1>...</h1></header> <div class="main"> <section> <article> <h1> Заголовокстатьи1 </h1> </article> <aside></aside> </section> <section> <article> <h1> Заголовок статьи2 </h1> </article> </section> </div>
- 5. Семантические теги нельзяиспользовать не по назначению <section> <section> <section> … </section> </section> </section>
- 6.
- 7.
- 8. section, article, aside,footer, header, nav, hgroup { display: block; } Стилизация для браузеров с частичной поддержкой
- 9. <!--[if lt IE9]> <script> document.createElement("header ); document.createElement("footer"); document.createElement("section"); document.createElement("aside"); document.createElement("nav"); document.createElement("article"); document.createElement("hgroup"); document.createElement("time" ); </script> <![endif]--> Полифил для IE<9
- 10. Условные комментарии IE Всеусловные комментарии поддерживаются в IE<10 Подключение css “для всех IE” (т.е. до 9 включительно): <!--[if IE]> <link rel="stylesheet" href="all-ie-only.css" /> <![endif]--> Подключение css для IE8 и ниже: <!--[if lt IE 9]> <link rel="stylesheet" href="ie8-and-down.css" /> <![endif]-->
- 11. Условные комментарии IE Подключениеcss “для всех не IE” (т.е. для IE10+ и всех других браузеров): <!--[if !IE]><!--> <link rel="stylesheet" href="not-ie.css" /> <!--<![endif]-->
- 12. Условные классы IE <!DOCTYPEhtml> <!--[if IEMobile 7 ]> <html dir="ltr" lang="en-US"class="iem7"> <![endif]--> <!--[if lt IE 7 ]> <html dir="ltr" lang="en-US" class=" ie6 oldie"> <![endif]--> <!--[if IE 7 ]> <html dir="ltr" lang="en-US" class="ie7 oldie"> <![endif]--> <!--[if IE 8 ]> <html dir="ltr" lang="en-US" class="ie8 oldie"> <![endif]--> <!--[if (gte IE 9)|(gt IEMobile 7)|!(IEMobile)|!(IE)]><!--><html dir="ltr" lang="en-US"><!-- <![endif]-->
- 13. Полезные ссылки: Статьи проHTML5: https://developer.mozilla.org/ru/docs/HTML/HTML5 Справочник по всем элементам: https://developer.mozilla.org/ru/docs/Web/HTML/Element Проверка браузерной поддержки: http://caniuse.com HTML5 полифил (включая <main>) для IE6-9, Safari 4.x и FF 3.x: https://github.com/aFarkas/html5shiv