Section y Article

martes, 2 de diciembre de 2014 - Publicado por ThZ KronZ en 13:20
La etiqueta <section> indica que una parte del contenido de la página se refiere a un
tema concreto.

La etiqueta <article> define un contenido del documento que posee una identidad
independiente dentro de la página, como puede ser el artículo de un blog, un post en un
foro o un producto en un sitio comercial.


Click para ver el código usado:
<html>
<head>
<title>Html</title>
<meta charset= "UTF-8">
</head>
<body>
<section>
<h1>Día 1</h1>

<article>
<h2>Artículo 1</h2>
<div>Presentación del artículo 1</div>
<p>Lorem ipsum dolor sit amet , consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor , dignissim sit amet, adipisc i ng nec , ultricies sed , do l or . eras elementum ultrices diam. </p>
</article>
<article>
<h2>Artículo 2</h2>

<div>Presentación del artículo 2</div>
<p>Lorem ipsum dolor sit amet , consectetuer adipiscing elit . Sed non r i sus . Suspendisse lectus tortor , dignissim sit amet , adipiscing nec, ultricies sed, do lor. eras elementum ultrices diam . </p>
</article>
<hr>
</section>
<section>
<h1>Día 2<h1>

<article>
<h2>Artículo 1</h2>
<div>Presentación del artículo 1</div> <p>Lorem ipsum dolor sit amet , consectetuer adipiscing elit . Sed non risus . Suspendisse lectus tortor , dignissim sit amet , adipiscing nec , ultricies sed, dolor. eras elementum ultrices diam.</p> </article>
<hr> </section> </body> </html>
Click para ver el resultado:
Html

Día 1

Artículo 1

Presentación del artículo 1

Lorem ipsum dolor sit amet , consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor , dignissim sit amet, adipisc i ng nec , ultricies sed , do l or . eras elementum ultrices diam.

Artículo 2

Presentación del artículo 2

Lorem ipsum dolor sit amet , consectetuer adipiscing elit . Sed non r i sus . Suspendisse lectus tortor , dignissim sit amet , adipiscing nec, ultricies sed, do lor. eras elementum ultrices diam .


Día 2

Artículo 1

Presentación del artículo 1

Lorem ipsum dolor sit amet , consectetuer adipiscing elit . Sed non risus . Suspendisse lectus tortor , dignissim sit amet , adipiscing nec , ultricies sed, dolor. eras elementum ultrices diam.