Die Grundstruktur eines HTML-Dokuments sollte stets bestimmte Merkmale aufweisen.

<!DOCTYPE html>-Deklaration

lang-Attribut

Viewport

<!-- NICHT VERWENDEN! --->
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

<title>-Element

<main>-Element

Externe Resourcen

Links

Beispiel

<!DOCTYPE html>

<!-- Hauptsprache des Dokuments -->
<html lang="en">
    <head>
        <!-- Korrekte Zeichenkodierung -->
        <meta charset="utf-8">

        <!-- Viewport-Definition mit zulässigem Pinch-To-Zoom -->
        <meta name="viewport" content="width=device-width, initialscale=1.0">

        <!-- Nicht blockierendes Stylesheet -->
        <link rel="stylesheet" href="main.css" media="none" onload="if(media!='all')media='all'">
        <noscript><link rel="stylesheet" href="main.css"></noscript>

        <!-- Beschreibender Dokumenttitel -->
        <title>Grundlagen barrierefreie Web-Programmierung | Accessibility Club</title>
    </head>
    <body>
        <!-- Kopfbereich und Navigation ... -->

        <!-- Hauptinhalt des Dokuments -->
        <main id="main" role="main">

            <!-- Inhalt -->

        </main>

        <!-- Nicht-blockierendes, nachgelagertes Skript -->
        <script src="scripts.js"></script>
    </body>
</html>

Beispielhafte Dokumentstruktur