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

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

и писать css для header {} через #header {}

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

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

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

Edit:

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

Ответ 1

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

Ответ 2

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

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

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

Ответ 3

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

Ответ 4

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