@@Henry
Von was für einem Steinzeit-IE sprichst du?
rofl 😉 letzte aktuelle Version IE11
Der hat andere Probleme.
Es gibt html5shim. echt jetzt? Wieder ein Script einbinden anstatt einfach <main> umzubennen?
Wenn du kein externes Script einbinden möchtest, genügt hier auch
<!--[if lt IE 9]>
<script>
document.createElement('header');
document.createElement('main');
document.createElement('footer');
</script>
<![endif]-->
im HTML und
header, main, footer { display: block }
im Stylesheet (was html5shim mit erledigt).
Und schon kannst du das main
-Element ebenso wie header
und footer
bedenkenlos auch in alten Browsern verwenden.
es bleibt nur wieder <div id="main"> Außerdem müsste es wennschon, dennschon
<div role="main">
heißen. Auch. Ich bevorzuge ID aber auch sonst, wenn das Element nur einmal vorkommen wird.
<div id="main">
ist aber semantisch wertlos. Damit hat der Hauptinhalt nicht die landmark role "main"
. Genau solche landmarks helfen aber Nutzern assistiver Technologien (wie Screenreader), um sich auf der Seite zurechtzufinden.
Nutzer alter IEs liegen dir am Herzen (obwohl die auch einen anderen Browser verwenden könnten), Nutzer assistiver Technologien (die auf das Funktionieren der Seite angewiesen sind) nicht? Ich hoffe, ich irre mich hier. Ansonsten: Prioritäten nochmals überdenken.
LLAP 🖖
„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“ —Kurt Weidemann