How to combine section tag with main tag?

<main>
main content
</main>
<section>
not that useful content
</section>

or

<main>
<section>
main and useful content
</section>
</main>

How is more basic way to use both?

What do you mean? The document can have one main tag, that’s it, it represents the main content of the page/app/etc

The main can use inside section tags? If not sidebar as on blogs? Just all content is inside main tag?

The second one. Section could only be inside main

The main tag contains the main content, it’s unique, and it can contain anything else. Example structure:

header
  // Maybe some branding here
  nav
    // The site navigation

main
  section
    header
      // Section header stuff
    div
      // Some stuff here
    footer
      // Footer for this section

  section
    // Another section, more stuff here

  aside
    // Some sidebar stuff here

footer
  // Site footer stuff
1 Like