HTML5 <article> / <section> und <time>
Chris1996
- html
Hallo,
was ist, wenn ich ganz oben zwei <article> habe? Ist dieses erlaubt und wann nimmt man eigentlich <article> bzw. <section>
Ich habe es so verstanden, wenn es etwas wichtiges ist, dann wird <article>genommen, wenn etwas nicht ganz so wichtig ist, dann nimmt man <section>, habe ich dieses richtig verstanden?
Und beim ersten Artikel habe ich bei „vom“ das <time> genommen ,ist dieses sinnvoll oder kann man darauf verzichten?
Zum Schluss habe ich noch eine Frage, auf sehr viele Seiten sehe ich dieses „role="main"“ was bedeutet dieses, bzw. wann und wo sollte man das role nehmen?
Mein HTML5 Seite
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 Test Seite</title>
</head>
<body>
<header>
<nav id="sitenav">
<h2>Sitenavigation</h2>
<ul>
<li><a href="#">Startseite</a></li>
<li><a href="#">Aktuelle Bilder</a></li>
<li><a href="#">Archiv</a></li>
</ul>
</nav>
</header>
<main>
<article>
<h2>Hier kommt der erste Titel rein</h2>
<p>vom <time datetime="2014-05-09">09. Mai 2014</time></p>
<p>In meinen heutigen Bilder möchte ich euch etwas über Köln zeigen.</p>
</article>
<aside>
<section>
<h3>Kontakt</h3>
<p>Schreiben Sie mir wenn Sie interesse an diesem Bild haben</p>
</section>
<section>
<h3>Bild Infos</h3>
<p>Hier kommen diverse Bild Informationen rein</p>
</section>
</aside>
</main>
<footer>
<p>Hier kommt das Impressum und ein kleiner Text für Google und Co. rein</p>
</footer>
</body>
</html>
was ist, wenn ich ganz oben zwei <article> habe? Ist dieses erlaubt und wann nimmt man
eigentlich <article> bzw. <section>
Wenn du zwei von einander unabhängige, in sich geschlossene Artikel hast, kein Problem!
Im Blog gab es einen guten Artikel dazu:
http://blog.selfhtml.org/c/html/html5-serie/
Ich habe es so verstanden, wenn es etwas wichtiges ist, dann wird <article> genommen, wenn
etwas nicht ganz so wichtig ist, dann nimmt man <section>, habe ich dieses richtig verstanden?
Ich GLAUBE eher, wenn es ein eigener, in sich geschlossener Text ist, nimmt man <article>,
bzw. wenn es nur ein Segment, Abschnitt oder Teil der Seite ist nimmt man <section>.
Zum Schluss habe ich noch eine Frage, auf sehr viele Seiten sehe ich dieses „role="main"“
Was bedeutet dieses, bzw. wann und wo sollte man das role nehmen?
role="main" ist für die Barrierefreiheit wichtig:
http://wiki.selfhtml.org/wiki/HTML/Seitenstrukturierung/main
http://www.peterkroener.de/ein-neues-element-fuer-html5-main/
Meine HTML5 Seite ...
... sieht logisch und übersichtlich aus!
LG Matthias
Hallo,
Und beim ersten Artikel habe ich bei „vom“ das <time> genommen ,ist dieses sinnvoll oder kann man darauf verzichten?
Das <time>
Element war mir bis dato gar nicht bekannt. Dazu habe ich eine Frage jetzt: Bei der Ausgabe "© 1977 - 1980", schreibt man da jetzt im Quelltext <time>1977</time> bis <time>1980</time>
oder ist <time>1977 - 1980</time>
auch korrekt?
Mit lieben Grüßen
Melvin Cowznofski
Om nah hoo pez nyeetz, Melvin Cowznofski!
Das
<time>
Element war mir bis dato gar nicht bekannt. Dazu habe ich eine Frage jetzt: Bei der Ausgabe "© 1977 - 1980", schreibt man da jetzt im Quelltext<time>1977</time> bis <time>1980</time>
oder ist<time>1977 - 1980</time>
auch korrekt?
Ich würde in dem Fall gar kein time-Element verwenden: http://wiki.selfhtml.org/wiki/HTML/Textauszeichnung/time
Variante 2 ist nicht valid (http://www.w3.org/TR/2012/WD-html5-20121025/common-microsyntaxes.html#durations)
Matthias
Hallo Matthias,
danke für Deine Antwort!
Ich würde in dem Fall gar kein time-Element verwenden: http://wiki.selfhtml.org/wiki/HTML/Textauszeichnung/time
Wegen der Syntax Jahr-Jahr, oder weil ich so "alte" Jahreszahlen als Beispiel genommen habe?
Variante 2 ist nicht valid (http://www.w3.org/TR/2012/WD-html5-20121025/common-microsyntaxes.html#durations)
Das verstehe ich.
Mit lieben Grüßen
Melvin Cowznofski
Om nah hoo pez nyeetz, Melvin Cowznofski!
Ich würde in dem Fall gar kein time-Element verwenden: http://wiki.selfhtml.org/wiki/HTML/Textauszeichnung/time
Wegen der Syntax Jahr-Jahr, oder weil ich so "alte" Jahreszahlen als Beispiel genommen habe?
Wegen der von mir interpretierten Semantik. Ich denke, es ist keine konkrete Zeitangabe, also sowas wie der letzte Winter im bereits verlinkten Wiki-Artikel.
Matthias
Hallo Matthias,
Alles klar, dann danke für die Info!
Mit lieben Grüßen
Melvin Cowznofski
@@Matthias Apsel:
nuqneH
Wegen der von mir interpretierten Semantik.
Deine Interpretation deckt sich nicht mit der Spec.
Ich denke, es ist keine konkrete Zeitangabe
Doch, das ist es. <time>2011</time>
ist explizit in der Spec erwähnt.
Qapla'
Om nah hoo pez nyeetz, Gunnar Bittersmann!
Wegen der von mir interpretierten Semantik.
Deine Interpretation deckt sich nicht mit der Spec.
Semantik liegt oft im Auge des Betrachters.
Ich denke, es ist keine konkrete Zeitangabe
Doch, das ist es.<time>2011</time>
ist explizit in der Spec erwähnt.
Man muss ja nun nicht jede Zeitangabe in ein time-Element stecken. Und ich habe geschrieben, dass ich das in dem konkreten Fall nicht machen würde, nicht dass es falsch sei. Der konkrete Fall war
<footer><p>© 1998-2014 SELFHTML</p></footer>
Das ist meiner Meinung nach etwas anderes als
<p>Napoleon lebte von <time>1769</time> bis <time>1821</time>.</p>
Matthias