Wie sollte eine HTML5 Dokument strukturiert sein?

**Torsten** · 27.06.2012, 13:13

Mit HTML5 wurden ja einige praktische Neuerungen eingeführt, was ich mich Frage, gibt es eine Empfehlung wie ein Dokument zu strukturiert sein hat?

Also wenn z.B. eine Seite eine Top-Navigation ganz ganz oben hat, kommt dann der HTML5<nav>Tag an erster Stelle nach dem <body>Tag oder wird der HTML5<nav>Tag in den HTML5<head>Tag verschachtelt, oder ist das schlicht und einfach egal?

**PascalKremp** · 28.06.2012, 08:29

Hi Torsten,

im Grunde einfach nur logisch

HTML5 soll alles einfacher machen. Also einfach denken!

Als Gerüst empfehle ich dir:
http://html5boilerplate.com/

Aufgrund deiner zweiten Frage erkenne ich, dass du generell nicht so fit in Sachen HTML und CSS bist. Kann das sein?
Wenn ja, empfehle ich dir meinen Blogeintrag, indem ich erkläre wie man heute HTML & CSS lernen sollte.

Um deine zweite Frage dennoch zu beantworten:
In HTML5 Sind die Tags <html>,<head>,<body> und ein paar andere nicht mehr nötig. Man könnte Sie also gepflegt weglassen.
Wenn du allerdings doch mit diesen Tags arbeitest, solltest du alles was der Browser darstellt in den <body>-Tag packen. Also kein <nav>-Element in den <head> bereich. Eventuell verwechselst du das mit dem Tag <header>.

Das minimale HTML5-Gerüst könnte also zum Beispiel auch so aussehen:

HTML-Code:

<!DOCTYPE html>
<meta charset="utf-8">
<title>Pascal roxx!</title>

<header>
    <h1>Beste Webseite auf Erden!</h1>
    <nav>
        <ul>
            <li>Home
            <li>Du
            <li>Ich
            <li>Wir
        </ul>
    </nav>
</header>
<section role="main">
    <p>Content is the king or the queen?
</section>
<aside>...</aside>
<footer>...</footer>

Wie du siehst, kann HTML5 viel "einfacher" sein. Völlig egal ist dennoch nichts!

Wenn du jetzt denkst: Der Pascal ist total bekloppt! Was will der mir hier verkaufen. Dann solltest du einen Blick auf den Quelltext einer 404-Seite von Google werfen. view-source:http://www.google.com/4944

**Torsten** · 28.06.2012, 08:45

Vielen Dank für Deine Antwort Pascal

Ich muss wohl in der Tat den Eindruck erwecken, keinen Plan von HTML & CSS zu haben

Dabei habe ich doch nur head mit header verwechselt

Dennoch ist meine Frage nicht beantwortet

HTML-Code:

<nav>...</nav>
<header>...</header>
<section>...</section>
<aside>...</aside>
<footer>...</footer>

oder

HTML-Code:

<header>
<nav>...</nav>
...</header>
<section>...</section>
<aside>...</aside>
<footer>...</footer>

oder ist prinzipiell auch dies möglich?

HTML-Code:

<nav>...</nav>
<header>
<nav>...</nav>
...</header>
<section>...</section>
<aside>...</aside>
<footer>...</footer>

Weil dann wäre es ja egal, u know

**PascalKremp** · 28.06.2012, 08:50

Prinzipiell ist es möglich!

Wenn es Sinn macht. Wenn du eine Navigation außerhalb deines Kopfbereiches der Seite hast, dann kannst du ohne Bedenken auch <nav> vor <header> in <body> verwenden.

Du kannst auch noch eine Navigation in <aside> haben und noch eine im <footer>...
Bei einer <nav> in einer <nav> würde ich dann nochmal drüber nachdenken

**Torsten** · 28.06.2012, 09:23

Super vielen Dank, das wollte ich hören bzw. lesen

**Torsten** · 28.06.2012, 14:08

Zitat von PascalKremp

In HTML5 Sind die Tags <html>,<head>,<body> und ein paar andere nicht mehr nötig. Man könnte Sie also gepflegt weglassen.

Das hier interessiert mich nun doch noch mal etwas genauer

Weglassen oder nicht weglassen, das ist hier die Frage

**PascalKremp** · 28.06.2012, 14:14

Wie du magst. Im Grunde wird es nicht mehr benötigt

In Projekten, die nicht für mich selbst sind präferiere ich es noch hinzuschreiben. Unwissende stempeln sonst deine Arbeit schnell als falsch ab.

**Torsten** · 28.06.2012, 14:30

Danke Dir Pascal, das läßt ja in der Tat auf ein Pfeilschnelles Internet der Zukunft hoffen

**Philip Fuchslocher** · 28.06.2012, 14:34

Was ich Dir persönlich zum Thema HTML5, Verwendbarkeit, Fallstricke etc. sehr ans Herz legen kann ist das eBook von A Book Apart: http://www.abookapart.com/products/h...web-designers/

Kurz, knackig und leicht geschrieben.

lg

**Torsten** · 28.06.2012, 14:45

Danke Dir Philip, muss ich mir mal noch überlegen ob ausgerechnet ein Fachbuch das erste sein wird das ich in Englisch lese

zur Startseite vom TP

Thema: Wie sollte eine HTML5 Dokument strukturiert sein?

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

Wie sollte eine HTML5 Dokument strukturiert sein?

Aktive Benutzer

Aktive Benutzer

Ähnliche Themen

[CSS] Abstand, wo keiner sein sollte

Wie persönlich sollte ein Videotutorial sein?

Im IE Abstand wo er nicht sein sollte

Im IE Abstand wo er nicht sein sollte

Das sollte Herrn Mehrdorn eine Warnung sein...

Aktive Benutzer

Aktive Benutzer

Berechtigungen