Etiqueta <SECTION>

La etiqueta <section>, pertenece también a las etiquetas semánticas, nuevas en HTML5, y permite definir secciones en el documento como pueden ser capítulos encabezados, pies, o cualquier otro tipo de sección en el documento.

La sintaxis de la etiqueta es la siguiente.



<section>
	Contenido de la sección…
</section>

El siguiente ejemplo muestra el uso de la etiqueta en un documento web con varias secciones.

<!DOCTYPE HTML>
<html>
<head>
  <title>Ejercicios prácticos HTML5</title>
  <meta charset="utf-8">
  <meta name="author" content="José Sáez">
  <meta name="description" content="Ejercicios prácticos HTML5">
  <meta name="generator" content="www.aprendoencasa.com, Curso práctico HTML5">
  <meta name="keywords" content="Ejercicios, Soluciones, Prácticas, HTML5">
</head>
<body>
<header>
    <h1>Secciones</h1>
</header>
<section id="Izquierda">
    <header>
        <h2>Inicio</h2>
    </header>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p>
</section>
<section id="Derecha">
    <p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</p>
</section>
<section id="Pie">
    <p>Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.</p>
</section>
</body>
</html>

El anterior ejemplo ha de mostrar un resultado similar al que se muestra a continuación en la imagen.

Prácticas de HTML5, Etiqueta SECTION

Busca tu articulo

Utiliza este buscador para encontrar el articulo que te interesa, si no existe la practica o ejercicio, deja un comentario proponiendo que realicemos un articulo sobre el, gracias por vuestra visita y un saludo!!

Generic selectors
Exact matches only
Search in title
Search in content
Search in posts
Search in pages