Есть ли практическое преимущество использования <header>сверх?

Question

Есть ли практическое преимущество использования <header> над <div id="header">?

и написание css для header {} над #header {}

Я знаю один недостаток: мне придется наказать пользователей IE с помощью Javascript, если использовать <header>, иначе это не примет стиля.

Я знаю, что это HTML5, но есть ли преимущество в его использовании до тех пор, пока браузеры, не поддерживающие HTML5, все еще используются.

IE6, IE7, IE8 и некоторые старые мобильные браузеры не понимают эти новые теги.

Edit:

Можно использовать библиотеку JS Canvas, чтобы делать что-то потрясающее во всех браузерах, но использовать Javascript, просто используя некоторые теги в IE, без большой причины снизит производительность.

Answer 1

Помимо того факта, что это придает больше значения разметке, при работе с css вы можете легче выбирать необходимые элементы, не прибегая к идентификаторам или классам. Это уменьшает количество разметки, которую вы должны написать, это делает управление сайт намного проще и поможет другим разработчикам лучше понять ваш код, если это необходимо.

Answer 2

Не знаю точно, но я думаю, что почти наверняка, использование семантически лучшей разметки (например, <header>) поможет поисковым системам оптимизировать изображение вашего сайта.

Вероятно, нет никакого другого практического преимущества использования HTML5, и даже вышеупомянутое не совсем ощутимо. Поэтому на практике я не очень верю, что вы можете утверждать, что переход на HTML 5 (и выполнение дополнительной работы, необходимой для обеспечения совместимости вашей страницы с более ранними версиями IE) будет хорошим вложением.

С другой стороны, если вы не заботитесь об устаревших браузерах, то на самом деле недостатка нет.

Answer 3

Дает лучшую структуру вашей страницы, как отмечает Карлес - это особенно полезно, когда речь идет о поисковых системах - они смогут намного эффективнее сканировать весь ваш сайт.Вы можете использовать javascript , чтобы IE распознавал элементы HTML5 (просто поместите его в оператор if).

Answer 4

Ну, с моей точки зрения, это дает дополнительный смысл разметке. По крайней мере, в более структурированном виде. Скажем, например, что вам нужно автоматически проанализировать вашу страницу (если она не ваша), вы бы знали, что заголовок всегда будет и он не зависит от используемого класса CSS.