Як змусити розуміти нові HTML5 елементи браузер IE версії 8 та нижче

Статті Вебмайстру

УHTML5 додано безлічнових елементів розмітки : main, header, article, aside, footer, section і т.д.. Основна мета нововведень допомогти пошуковим системам краще зрозуміти контент вашого веб-сайту .

Однак як це завжди буває, браузери підкидають складності веб-майстру, а точніше браузери старі і майже забуті, але хороший веб-майстер повинен врахувати все, у тому числі відвідувачів, які досі віддають перевагу IE версії 8 і нижче.

То як поводитьсяIE8, стосовно нововведеним елементам? А поводиться він дуже погано,просто ігноруючи їх, і якщо ви створите документ із приблизно таким вмістом, як показано в лістингу 1, (зверніть увагу на CSS стиль, який повинен оформити елемент), то, як видно з малюнка 1, вони елемента просто не застосовуються.

нові

Рис 1. Відсутність CSS оформлення для елемента в результаті його ігнорування IE8.

Примушуємо IE розуміти нові елементи

html5

Мал. 2. Нехитрі дії дозволяють застосувати стилі до елемента

У висновку варто відзначити, що якщо ви не використовуєте у своїй розмітці тег, то всі створені елементи поміщаються всередину тега. Тому бажано внести правку до структури, додавши тег.