nicht angemeldet
HTML5 - Sectioning Elements + Outline
Matthias Apsel
Gunnar BittersmannHallo werte Selfgemeinde,
irgendwie habe ich gerade ein Verständnisproblem ...
Folgender (valider) HTML5 Quellcode:
<!DOCTYPE html>
<html>
<head>
<title>Outline Test</title>
</head>
<body>
<header>
<h1>Header</h1>
</header>
<nav>
<h1>Navigation</h1>
</nav>
<main>
<h1>Content</h1>
</main>
<footer>
<h1>Footer</h1>
</footer>
</body>
</html>
Sowohl der Validator, als auch der HTML 5 Outliner spucken folgende Outline aus:
1. Header
1. Navigation
2. Content
3. Footer
Kann mir mal bitte jemand auf die Sprünge helfen, warum die Outline so und nicht so
1. Header
2. Navigation
3. Content
4. Footer
aussieht?
Besten Dank im Voraus.
Gruß Gunther
-
hi,
http://validator.w3.org/check gibt drei Warnungen.
Außerdem sollte mMn <h1> nur einmal vorkommen.
mfg
tami
-
Om nah hoo pez nyeetz, tami!
Außerdem sollte mMn <h1> nur einmal vorkommen.
Das ist überholt. siehe auch http://forum.de.selfhtml.org/archiv/2013/5/t213796/#m1462283 insbesondere #m1462320 und #m1462350
Matthias
-
Hi,
mehrere h1 auf der gleichen Ebene (hier im header-, main- und footer-element) sind aber immernoch sinnlos, AFAIK sogar falsch.
~dave
-
mehrere h1 auf der gleichen Ebene (hier im header-, main- und footer-element) sind aber immernoch sinnlos, AFAIK sogar falsch.
Da bist du falsch informiert. Auszug aus der Spec:
The first element of heading content in an element of sectioning content represents the heading for that section. Subsequent headings of equal or higher rank start new (implied) sections, headings of lower rank start implied subsections that are part of the previous one. In both cases, the element represents the heading of the implied section.
-
-
-
-
Hi,
du hast zwei sectioning elemente, body und nav.
D.h. bei die verschachtelt sind fängt jeweils eine neue "Ebene" an.Hilft das schon oder bräuchtest du es etwas detaillierter erklärt?
~dave
-
hi,
Hilft das schon oder bräuchtest du es etwas detaillierter erklärt?
http://www.mediaevent.de/xhtml/html5-tags.html?
mfg
tami
-
hi,
hi,
Hilft das schon oder bräuchtest du es etwas detaillierter erklärt?
https://developer.mozilla.org/en-US/docs/Web/HTML/Sections_and_Outlines_of_an_HTML5_document
mfg
tami
-
-
Om nah hoo pez nyeetz, dave!
du hast zwei sectioning elemente, body und nav.
http://www.w3.org/TR/html5/dom.html#sectioning-content-0
Matthias
-
du hast zwei sectioning elemente, body und nav.
-
-
-
Hallo werte Selfgemeinde,
vielen Dank für eure Antworten.
In dem u.a. auch von tami verlinkten MDN Artikel "Sections and Outlines of an HTML5 Document" findet sich in dem verlinkten Abschnitt unter Punkt 2 die Antwort:"... This is solved in HTML5 as the newly introduced sectioning elements (<article>, <section>, <nav> and <aside>) are always subsections of their nearest ancestor section, regardless of what sections are created by internal headings."
Wer Lesen kann, ist klar im Vorteil ...! ;-)
Wobei ich diese "Logik" nicht unbedingt nachvollziehen kann.Gruß Gunther
-
hi,
Wer Lesen kann, ist klar im Vorteil ...! ;-)
Das reicht nicht. Wer versteht, was er liest, ist klar im Vorteil ...! ;-)
mfg
tami
-
@@Gunther:
nuqneH
Wobei ich diese "Logik" nicht unbedingt nachvollziehen kann.
Wer sagt denn, dass hinter HTML5 eine Logik steckt?
Qapla'
--
„Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)
-
