Geek Answers Handbook

If the <main> tag is inside the <section> tag

Should it <main>be considered something important to be placed inside <section>? Like many articles with <main>'article' in <section>? If not, how to use them together?

+4
source share
3 answers

Repeat HTML5 Spec again :

The authors recommend using the ARIA role = "main" attribute on the main until user agents implement the required role mapping.

HTML5 Doctor, although somewhat outdated, provides a useful working example of an elementmain :

<main id = "content" class = "group" role = "main">
[...]
</main>

, main ( ), role, main. role = "main" WAI-ARIA. WAI-ARIA . :

<div class = "main-content-column">
    <article role = "main" id = "content">
        [...]
    </article>
</div>

, role = "main" a section , . , article main. , <main role = "main">, <main role = "main">, ( , , role = "main", - ).

+3

HTML5:

.

, , , .

.

, main main , , main:

<main>

  <h1>Skateboards</h1>
  <p>The skateboard is the way cool kids get around</p>

  <article>
  <h2>Longboards</h2>
  <p>Longboards are a type of skateboard with a longer 
  wheelbase and larger, softer wheels.</p>
  <p>... </p>
  <p>... </p>
  </article>

  <article>
  <h2>Electric Skateboards</h2>
  <p>These no longer require the propelling of the skateboard
  by means of the feet; rather an electric motor propels the board, 
  fed by an electric battery.</p>
  <p>... </p>
  <p>... </p>
  </article>

</main>

NB: , .

+3

The main tag must be for the main content on the page.

0
source

More articles:


All Articles