Etiqueta section HTML5


La etiqueta <section> y su correspondiente etiqueta de cierre </section> se utilizan para encerrar el código correspondiente a una sección genérica dentro de un documento o aplicación. Normalmente, un bloque de texto al que perfectamente le podríamos colocar un título o encabezado. Además, todo el contenido que engloba ha de guardar cierta relación entre sí.

Dentro de una página web por tanto, pueden existir varios section, cómo no Es más, dentro de un section pueden haber otros section secundarios y así sucesivamente. Si una sección es algo que podría tener un título, es lógico pensar además que lo primero que encontraremos dentro es un título <h1> y después una etiqueta <p> con el contenido de la sección.
Esquema de una página web donde se muestran las diferentes etiquetas, Especialmente nos centramos en la etiqueta section que englobaría el contenido principal de la página web: dicha etiqueta section puede contener un encabezado, un menú de navegación y el texto principal y una barra lateral con contenido relacionado con el tema principal (aunque a veces no está estrictamente relacionado con dicho contenido). La diagramación de la página termina con la inclusión de la etiqueta footer (pie de página en español).Una ayuda para decidir si una parte de una página web es o no un section, es tener en cuenta que los section suelen ser temáticos. Suelen englobar contenido que trata de un mismo tema. 
Ubicación: España

Comentarios

Publicar un comentario

Entradas populares de este blog

Códigos Hex de color

Imagen
¿Qué son los códigos de colores de HTML? Los códigos de colores son formas de representar los colores utilizando un formato que un ordenador puede interpretar y mostrar. ¿Cuáles son los códigos de color de HTML? Son utilizados en sitios web y otras aplicaciones de software, existen gran variedad de formatos, incluidos los códigos de color HEX, RGB y HSL. Los más populares son los códigos Hex de color : tres bytes números hexadecimal (es decir, compuesto de seis dígitos). En cada byte, con un par de caracteres en el código Hex, se representa la intensidad de rojo, verde y azul en el color, respectivamente:  #XXXXXX             #XX     XX       XX                   Rojo    Verde   Azul Valores de bytes código Hex de 00, que es la más baja intensidad de un color, a lo que representa el nivel más alto de intensidad. El color blanco, por ejemplo, se obtienen por la mezcla de los tres colores primarios en su máxima intensidad, y en el código Hex la notación d
Leer más

Enlaces Intradocumentales

Imagen
  Enlaces Intradocumentales : Los mismos son aquellos  hiperenlaces que  hacen referencia a un punto determinado de la página que los contiene, es decir, a un punto en el mismo documento . <a> </a> Es la etiqueta que se utiliza en HTML para definir un enlace.  Ejemplo: Origen: <a href="#datos personales">Datos Personales<a/> Destino: <a name="datos personales">Datos Personales<a/> Importante: Escribir todo el código en el mismo documento! Este tipo de enlaces se utilizan cuando el texto a incluir es largo y para ser visto es necesario tener que mover la barra de desplazamiento de la página. Normalmente se utiliza texto o imágenes o vídeo como contenido de un enlace . Fuente: Activate, Google España www.hipertexto.info
Leer más

Etiqueta header HTML5

Imagen
Las etiquetas  <header>  y su cierre  </header>   s e encargan de indicar a los navegadores que lo que contienen es la cabecera de la página y que dentro seguramente llevarán lo típico, es decir, algún logotipo, el título de la página, quizás una descripción de la misma y poco más. La norma define a la cabecera como un grupo de ayudas a la navegación. No es una etiqueta obligatoria , aunque debemos usarla si realmente nuestras páginas tienen algún bloque de código que se pueda entender como "cabecera". Además de los elementos citados, un header podría contener un menú de ayuda a la navegación, una tabla de contenidos, un formulario de búsqueda, etc. Su contenido no es tan estricto. Al tratarse de etiquetas semánticas, da igual la posición que ocupen dentro de nuestra página. Quizás hayas diseñado una web en la que el título y la descripción de la web junto con algunos enlaces o ayudas a la navegación los tengas situados en una barra lateral. Ese bloq
Leer más