Korrekte Verwendung des HTML5 <hr>-Tags

Question

Ich schreibe gerade eine neue Webseite für ein Unternehmen und habe (eine vernünftige Teilmenge der) HTML5/W3C-Empfehlungen im Kopf.

Nach dem Lesen der semantischen Bedeutung von <hr /> Ich habe mich gefragt, ob dies ein guter Ort ist, um sie zu verwenden:

<section name="historyItem">
    <h2>2002</h2>
    <p>Dolorem ipsum dolor sit amet in 2002, consectetur [...]</p>
    <hr />
    <ul>
        <li><a href="#">Link A</a></li>
        <li><a href="#">Link B</a></li>
    </ul>
</section>

Meine Argumentation lautet, dass, ja, das <hr /> stellt einen thematischen Wechsel von Abschnittsbeschreibung a Abschnitt Links aber ich bin mir da nicht sicher.

Vielleicht bedeutet "thematischer Wechsel", dass später ein neuer Absatz zu einem anderen Thema folgt, und somit wäre mein Beispiel nicht "korrekt". Was meinen Sie dazu?

(ps.: Ja, das <ul> ist mit CSS so gestaltet, dass es in eine einzige Zeile passt und cool aussieht)

Answer 1

Ich verstehe, was Sie meinen. Aber ich persönlich würde mir die Mühe nicht machen. Fragen Sie sich, warum Sie den Tag überhaupt verwenden. Wenn Sie eine Änderung zwischen dem Absatz und den Links abgrenzen wollen, dann ist es aus Sicht der reinen Auszeichnung nicht erforderlich. Wenn es um das Erscheinungsbild Ihrer Seite geht (d.h. Sie wollen eine Regel, die die beiden Bereiche voneinander abgrenzt), dann würde ich wiederum seine Nützlichkeit in Frage stellen, da Sie einen Rahmen entweder auf den Absatz- oder den ungeordneten Listen-Tag anwenden können.

Da es sich hier um html5 handelt, können Sie natürlich auch den ganzen Aufwand betreiben und die <section> Tag

Answer 2

Thematisch gesehen, <hr> bedeutet das Ende eines "Abschnitts" und den Beginn eines "anderen". Im Wesentlichen sollten diese nach Ihrem <section> Tags, nicht innerhalb. Obwohl es semantisch gesehen eigentlich keine Rolle spielt, wo Sie sie verwenden wollen.

Wenn Ihre Liste von Link-Elementen für die Elemente ÜBER der Liste relevant ist <hr> Tag (d.h. relevant für Ihre anderen Elemente innerhalb der <section> Tag, dann empfehle ich nicht die Verwendung von <hr> dort. Verwenden Sie stattdessen CSS, um Rahmen und Unterstreichungen zu unterscheiden.

Wenn Sie zusätzliche Informationen wünschen, habe ich diese für Sie gefunden: http://html5doctor.com/small-hr-element/