Grundlegende Layout-Tags in HTML
Für den Header einer Website sollte der Tag
header verwendet werden, für den Footer - der Tag footer,
für die Sidebar - der Tag aside, für den Inhalt
- der Tag main. Schauen wir uns an, wie
das Layout einer Website aussieht, das mit
diesen Tags erstellt wurde:
<div id="wrapper">
<header>
header
</header>
<div id="container">
<aside>
sidebar
</aside>
<main>
content
</main>
</div>
<footer>
footer
</footer>
</div>
Für das Menü sollte der Tag nav verwendet werden:
<nav>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
</nav>
Gegeben ist der folgende Code:
<div id="wrapper">
<div id="header">
<div id="menu">
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
</div>
</div>
<div id="container">
<div id="sidebar">
sidebar
</div>
<div id="content">
content
</div>
</div>
<div id="footer">
footer
</div>
</div>
Formen Sie diesen Code mit den von Ihnen gelernten neuen Tags um.
