nicht angemeldet
HTML5 - Artikelliste
Hi,
wie wird eine Artikelliste in HTML5 korrekt ausgezeichnet?
<article>
<h1>Artikellistenüberschrift (z.B. Top 3 Artikel)</h1>
<ol>
<li>
<a href="link/zur/detailansicht">
<article>
<h1>Artikelüberschrift</h1>
<p>Teasertext</p>
</article>
</a>
</li>
<li>
<a href="link/zur/detailansicht">
<article>
<h1>Artikelüberschrift</h1>
<p>Teasertext</p>
</article>
</a>
</li>
<li>
<a href="link/zur/detailansicht">
<article>
<h1>Artikelüberschrift</h1>
<p>Teasertext</p>
</article>
</a>
</li>
</ol>
</article>
Oder sollten die inneren article-Elemente lieber section-Elemente sein?
Oder ganz wegfallen und dafür h2 anstelle der h1?
Oder das äußere lieber ein section?
Und was ist wenn ich keine Artikellistenüberschrift haben will?
Dann hätte ich, wenn ich das h1-Element einfach weglasse, eine untitled-Section. Ist dann das äußere article-Element falsch?
Das Ganze ist zwar keine div-Suppe, ist ja kein einziges div dabei, aber irgendwie wirkt das auf mich schon sehr tief verschachtelt.
Im Buch zu HTML5 von Peter Kröner (ISBN 978-3-937514-97-0) ist so etwas ähnliches nur ohne das ol- und die li-Elemente. Das wirkt auf mich aber irgendwie falsch…
Wie macht ihr in HTML5 Artikellisten?
Bitte mit Erklärungen, warum ihr wo welches Element habt …
~dave
-
Hallo,
Ich hätte es wohl so gemacht und evtl. das h1 versteckt wenn man es nicht haben möchte.
<h1>Meine Artikel</h2> <article> <h2><a hfef="link.html">Artikelüberschrift</a></h2> <p>Teaser more text</p> <article> <article> <h2><a hfef="link.html">Artikelüberschrift</a></h2> <p>Teaser more text</p> <article> <article> <h2><a hfef="link.html">Artikelüberschrift</a></h2> <p>Teaser more text</p> <article>Jeena
-
Ich hätte es wohl so gemacht und evtl. das h1 versteckt wenn man es nicht haben möchte.
<h1>Meine Artikel</h2>
<article>
<h2><a hfef="link.html">Artikelüberschrift</a></h2>
<p>Teaser more text</p>
<article>
<article>
<h2><a hfef="link.html">Artikelüberschrift</a></h2>
<p>Teaser more text</p>
<article>
<article>
<h2><a hfef="link.html">Artikelüberschrift</a></h2>
<p>Teaser more text</p>
<article>Ich hätte wohl ein paar schließende article-Elemente mehr verwendet und dafür ein paar öffnende weggelassen. Ferner hätte ich mich bei der "Meine-Artikel"-Überschrift auf h1 festgelegt und keinen Zwitter verwendet. Dann vlt. noch "hfef" durch "href" für das Verweisziel verwenden, dann schaut´s imho ganz gut aus ;-P-
Hallo,
Ich hätte wohl ein paar schließende article-Elemente mehr verwendet und dafür ein paar öffnende weggelassen. Ferner hätte ich mich bei der "Meine-Artikel"-Überschrift auf h1 festgelegt und keinen Zwitter verwendet. Dann vlt. noch "hfef" durch "href" für das Verweisziel verwenden, dann schaut´s imho ganz gut aus ;-P
Hehe, sorry, natürlich hast du völlig recht, so sieht es aus wenn man nur copy&paste-programmierung macht.
Jeena
-
Und das musst du unter einem Pseudo-Pseudonym veröffentlichen? Deine Kritik ist berechtigt - wozu also verstecken?
-
Hallo,
Und das musst du unter einem Pseudo-Pseudonym veröffentlichen?
Was spricht dagegen?
(Mit dem nick macht er ja klar dass er die Kritik ein bisschen lustig meint.)
Jeena
-
-
-