Un análisis en profundidad de la diferencia entre artículo y sección en HTML5

Un bloque de contenido se refiere a una unidad que divide lógicamente una página HTML. Para los sitios web de páginas, cada parte, como el menú de navegación, el texto del artículo y los comentarios del artículo, se puede denominar bloque de contenido.

El elemento del artículo representa contenido completo e independiente en un documento, página o aplicación al que se puede hacer referencia externamente de forma independiente. Puede ser un blog o un artículo de periódico, una publicación en un foro, un comentario de usuario o un complemento independiente, o cualquier otro contenido independiente. Además del contenido, un elemento de artículo suele tener su propio título (normalmente colocado dentro de un elemento de encabezado) y, a veces, sus propias notas a pie de página.

 <article> <header> <h1>Título</h1> <p>Fecha de publicación: <time pubdate=pubdate>2010/10/10</time></p> </header> <p>Cómo utilizar el artículo </p> <footer> <p><small>Copyright @ yiiyaa.net Todos los derechos reservados</samll></p> </footer> </article>

Nota: los elementos del artículo se pueden anidar y, en principio, el contenido interno debe estar asociado con el contenido externo. Por ejemplo, en una publicación de blog, los comentarios del artículo se pueden anidar utilizando elementos del artículo; el elemento del artículo utilizado para presentar los comentarios se incluye en el elemento del artículo que representa el contenido general.

El código anidado es el siguiente:

 <article> <header> <h1>Cómo utilizar el elemento artículo</h1> <p>Fecha de publicación: <time pubdate=pubdate>2010/10/10</time></p> </header> <p >Esta etiqueta muestra el contenido principal de todo el artículo, y el elemento de sección siguiente contiene los comentarios sobre el artículo</p> <section> <h2>Comentarios</h2> <article> <header> <h3>Publicado por: maizi</h3> <p><time pubdate datetime=2016-6-14>Hace 1 hora</time></p> </header> <p>Este artículo es muy bueno, Dale ¡Un aprobado! </p> </article> <article> <header> <h3>Publicado por: Xiaoni</h3> <p><time pubdate datetime=2016-6-14T:21-26:00>Hace 1 hora</ time></p> </header> <p>Este artículo es muy bueno, explica el artículo en detalle</p> </article> </section></article>

El contenido de muestra se divide en varias partes. El título del artículo se coloca en el elemento de encabezado, el texto del artículo se coloca en el elemento p después del elemento de encabezado y luego el elemento de sección distingue el texto de los comentarios (es un elemento de bloqueo). utilizado para dividir el contenido de la página), en la sección El contenido del comentario está incrustado en el elemento. El comentario de cada persona en el comentario es relativamente independiente y completo, por lo que se utiliza un elemento de artículo para todos. El elemento de artículo del comentario se puede dividir en títulos y comentarios. se coloca en el elemento de encabezado y en el elemento p respectivamente.

1. El elemento de sección se utiliza para dividir el contenido de la página en el sitio web o la aplicación. La función del elemento de sección es dividir el contenido de la página en secciones, o dividir el artículo en secciones;

2. Un elemento de sección suele estar formado por el contenido y su título. Generalmente no se recomienda utilizar el elemento de sección para contenido que no tenga título.

3. El elemento de sección no es un elemento contenedor ordinario; cuando es necesario diseñar un contenido directamente o definir el comportamiento a través de un script, se recomienda utilizar p en lugar del elemento de sección;

4. Si los elementos artículo, navegación y aparte cumplen ciertas condiciones, no utilice el elemento sección para definirlos;

5. El contenido del elemento de sección se puede almacenar por separado en la base de datos o enviarlo a un documento de Word.

 <section> <h1>El </h1> título del elemento de sección <p>La parte temática del bloque de sección</p> </section>

En HTML5, puede incluir todas las partes subordinadas de la página, como barras de navegación, menús, avisos de derechos de autor, etc., en una página unificada para que puedan decorarse utilizando estilos CSS. Finalmente, los tabúes sobre el uso del elemento de sección se resumen a continuación:

1) No utilice el elemento de sección como contenedor de página para diseñar, ese es el trabajo del elemento p.

2) Si el elemento artículo, elemento aparte o elemento de navegación es más adecuado para su uso, no utilice el elemento sección.

3) No utilice el elemento de sección para bloques de contenido sin títulos.

Se ha dicho mucho anteriormente, ¿cuál es la diferencia entre los dos? De hecho, en HTML5, el elemento de artículo puede considerarse como un tipo especial de elemento de sección, que enfatiza más la independencia que el elemento de sección. Es decir, el elemento sección enfatiza la segmentación o fragmentación, mientras que el artículo enfatiza la independencia. Específicamente, si un contenido es relativamente independiente y completo, debes usar el elemento artículo, pero si deseas dividir un contenido en varios párrafos, debes usar el elemento sección. Además, en HTML5, el elemento p se convierte en un contenedor. Cuando se utilizan estilos CSS, se puede aplicar un estilo CSS general a este contenedor.

Lo anterior es la diferencia entre artículo y sección en HTML5 presentada por el editor. Espero que le resulte útil. Si tiene alguna pregunta, déjeme un mensaje y el editor le responderá a tiempo. ¡También me gustaría agradecer a todos por su apoyo al sitio web de artes marciales VeVb!