How to combine section tag with main tag?

HTML-CSS
#1 
<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?

#2

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

#3

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

#4

The second one. Section could only be inside main

#5

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
#6