Ik heb een section met verschillende articles, elke artikel heeft een header maar de section niet en dat is ook de bedoeling. Maar bij het valideren op correcte html5 krijg ik de foutmelding dat er geen heading (h1 tot h6) instaat.

Kan dit anders opgelost worden? (zonder gebruik van css [h6 { display: none; }])
<section>
<article>
<h3>Een titel</h3>
<p>Hier staat inhoud om de site te vullen</p>
</article>
<article>
<h3>Een titel</h3>
<p>Hier staat inhoud om de site te vullen</p>
</article>
<article>
<h3>Een titel</h3>
<p>Hier staat inhoud om de site te vullen</p>
</article>
</section>
Yep, gewoon de twee tags omdraaien:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Demo</title>
</head>
<body>
    <article>
        <section>
            <h3>Een titel</h3>
            <p>Hier staat inhoud om de site te vullen</p>
        </section>
        <section>
            <h3>Een titel</h3>
            <p>Hier staat inhoud om de site te vullen</p>
        </section>
    </article>
</body>
</html>

'Section' is Engels voor paragraaf (en 'paragraph' voor alinea). Overigens is het geen foutmelding maar een waarschuwing. Een terechte, want gezien dat paragrafen altijd een header hebben (anders zijn het geen paragrafen), zou de <section> tag inderdaad altijd gevolgd moeten worden door een <h2-6> tag.

Verder is het niet logisch om een paragraaf te laten bestaan uit artikelen. Het omgekeerde wel.

Reageren