¿Significado de la etiqueta de la sección HTML5?
Lo sé hay toneladas de preguntas sobre este tema, pero no puedo encontrar una fuente autorizada para la respuesta.
Este es eldefinición oficial y elpágina wiki, y ahí estámás documentación, pero ahí no explican el uso correcto si no en ejemplos muy simples o de diferentes maneras.
Lo que he "entendido" hasta ahora:
<section> define una parte (sección) de la página, como blogrolls, titulares de noticias, lista de entradas de blog, lista de comentarios y todo lo que puede estar relacionado con un tema común.
<article> define un contenido que tiene sentido separado del resto de la página (?) y que tiene un solo tema (entrada de blog, comentario, artículo, etc.).
Perodentro de un<article>, podemos dividir partes de ella en secciones usando<section>, y en este caso tiene la función de contenedor para marcar capítulos de un texto más grande.
Si estas oraciones son correctas (o parcialmente correctas) eso significa que<section> Tiene dos casos de uso completamente diferentes.
Podríamos tener una página escrita de esta manera:
<!DOCTYPE html>
<html lang=en>
<head>
<meta charset=utf-8>
<title>Fruits</title>
</head>
<body>
<h1>Fruits war blog</h1>
<section id="headlineNews"> <!-- USED AS CONTAINER -->
<h1>What's new about fruits?</h1>
<article><h1>Apples are the best</h1>Apples are better than bananas</article>
<article><h1>Apple's cakes</h1>With apples you can prepare a cake</article>
</section>
<section id="blogEntries"> <!-- USED AS CONTAINER -->
<h1>Articles about fruits</h1>
<article>
<h1>Apples vs Bananas</h1>
<section> <!-- USED AS CHAPTER -->
<h2>Introduction:</h2>
Bananas have always leaded the world but...
</section>
<section> <!-- USED AS CHAPTER -->
<h2>The question:</h2>
Who is the best? We don't know so much about apples...
</section>
</article>
</section>
</body>
</html>
Y así es como se ve el Esquema:
1. Fruits war blog
1. What's new about fruits?
1. Apples are the best
2. Apple's cakes
2. Articles about fruits
1. Apples vs Bananas
1. Introduction:
2. The question:
Entonces el<section> se piensa con doscompletamente ¿Significados semánticos diferentes y no relacionados?
¿Es correcto su uso?
<!-- MY DOUBT -->
<section> <!-- USED AS CONTAINER -->
<article>
<section></section> <!-- USED AS CHAPTER -->
</article>
</section>
de esta manera neasted?
He encontrado quees posible utilizar de forma inversa:
<!-- FROM W3C -->
<article> <!-- BLOG ENTRY -->
<section> <!-- USED AS CHAPTER ABOUT COMMENTS -->
<article></article> <!-- COMMENT -->
</section>
</article>
Pero no puedo encontrar una respuesta a la forma en que he escrito a continuación.
Supongo que leer la discusión donde el grupo W3C ha escrito la base de la<section> La etiqueta podría ser útil pero no la puedo encontrar.
nótese bien Estoy buscando respuestas documentadas con fuentes autoritarias.