HTML5 Struktur einer Webseite

Bilder & Links

Diese Seite enthält zunächst die Struktur und wenig Inhalt.
Das Bild erhält ein title und ein alt Attribut. Die Links erhalten ein title Attribut.

Das Grundgerüst

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>HTML Struktur</title>
</head>
<body>
<header>
    <nav>

    </nav>
</header>
<main>
    <h1>Html Struktur einer Webseite</h1>
    <article>
        <h2>Artikel 1</h2> 
    </article>
    <aside>
        <h2>Artikel 2</h2>
    </aside>
</main>
<footer>
</footer>
</body>
</html>

Globale HTML Attribute

HTML-Tags können durch Attribute erweitert werden. Attribute sind immer ein Paar aus einem Namen und einem Wert name="value".

Neben den speziellen Attributen für bestimmte Tags (wie src="bild.jpg" für das img-Tag oder href="test.html" für das a-Tag ) gibt es die globalen oder universellen Attribute, die in nahezu jedem HTML-Tag eingesetzt werden können