Richtige Verwendung von semantischem HTML auf einer Webseite: Ist das Artikelelement angemessen?

Question

Ist das article (oder section) Element auf einer Homepage geeignet?

Ich bin nicht sicher, da der Inhalt der Homepage meistens eine Reihe von Zusammenfassungen ist, die sich auf den Inhalt beziehen, der in einem article Element enthalten sein sollte (auf einer separaten Seite).

Answer 1

Eine Faustregel, der ich folge, ist, nur <article> oder <section> zu verwenden, wenn es eine entsprechende <h#> gibt.

Das ist also besser geeignet:

<h1>Home Page</h1> 

<p> 
Hi. 
</p> 

<article> 
<h2>Sub-Head</h2> 
<p> 
Hello. 
</p> 
</article> 

als dies:

<h1>Home Page</h1> 

<p> 
Hi. 
</p> 

<article> 
<p> 
Hello. 
</p> 
</article> 

Sie keine Überschrift fügen Sie einfach es funktioniert. Der Wert einer Überschrift sollte durch die Art des Inhalts bestimmt werden, nicht durch den Wunsch, die Elemente, die Sie wollen, zu beschönigen.

Mit einer Beispiel-URL oder einem Bild Ihres beabsichtigten Layouts und Inhalts könnte ich mehr Kontext anbieten. Wenn Sie einen zusammenhängenden Teil des Inhalts haben (z. B. wie eine Unterseite im Allgemeinen über eine Sache ist), würden Sie die gesamte Seite nicht in <article> umbrechen, sondern stattdessen in <main> umbrechen.

Für ein bisschen mehr, sehen Sie sich diese piece on <section> von W3C HTML5, WCAG und ARIA spec Teilnehmer und Barrierefreiheit Anwalt Léonie Watson.