carnoxen
2020-12-30
-
<main>
is the “main” sectioning root. It would be good for visually designing main contents (for instance, using css grid). -
<header>
,<aside>
,<footer>
, and<nav>
are the other sectioning roots. These can have sectioning content. - Other flow elements can’t have
<h#>
because it is useless or already have one comparable to that (ex.<legend>
,<caption>
etc.). -
<section>
, and<article>
remain sectioning content. - One sectioning [root, content], one child heading. (1)
- Remove
<hgroup>
. -
Optional: define
role="subheading"
and reconsider<h>
.
(1)
<!-- this make sense -->
<section>
<h1></h1>
<section>
<h1></h1>
</section>
.........
</section>
<!-- this is nonsense -->
<section>
<h1></h1>
<h1></h1>(x)
.........
</section>