w3c html validation error - Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections
Solution 1
Either:
- Add a heading (
h1
, ...,h6
) tag to yoursection
element. - Replace your
section
element with adiv
element. - Ignore the warning. The message you're seeing is a non-normative usage recommendation, as per the HTML5 spec (highlighting mine):
The theme of each
section
should be identified, typically by including a heading (h1
-h6
element) as a child of thesection
element.
Solution 2
Your code is valid (if you use a closing </section>
instead of </div>
).
The W3C validator reports a warning, not an error.
While it is useful to provide a heading for each sectioning content element, it is not required.
The only way to prevent this warning when using sectioning content elements is, well, to follow the advice by providing a heading content element. If you’d use a div
instead, your document outline would be different and likely wrong (if you used section
correctly in the first place).
Solution 3
You have to put an h1,h2,h3 inside your section:
<section id="slider-wrapper-new">
<div class="slider-container-new">
<h3>My Title</h3>
// some code..
</div>
Vidhi
I am web developer. I also develop ios application and android application
Updated on July 09, 2022Comments
-
Vidhi almost 2 years
I am getting a warning when I try to validate my page in
http://validator.w3.org
:Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
My code is as below :
<section id="slider-wrapper-new"> <div class="slider-container-new"> // some code.. </div> </section>
How can I remove this error ? Do I compulsory need to add
h1
-h6
tags inside section heading ?