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!!
