Un elemento section es una sección separada con su propia función dentro de un documento HTML, generalmente con un encabezado, y esta sección no tiene una etiqueta especial que pueda representar.
Por ejemplo, los enlaces de navegación se pueden colocar dentro de un elemento <nav>, pero una lista de resultados de búsqueda o un mapa con sus controles no tienen elementos HTML definidos, por lo que pueden colocarse dentro de un elemento <section>.
Aquí hay un ejemplo de código antiguo que usa el elemento <div> para dividir la página:
< div > < h1 > Título </ h1 > < p > Contenido </ p > </ div >
Si queremos usar el elemento, el <section> código se verá así:
< section > < h1 > título </ h1 > < p > contenido </ p > </ section >
Elemento section
| Clasificaciones de contenido | Elemento organizativo. |
|---|---|
| Contenido permitido | Contenido organizacional. |
| Acrónimo | Las etiquetas de inicio o finalización no se pueden omitir. |
| Elementos del padre | Cualquier elemento que acepte contenido normativo.Tenga en cuenta que el elemento <section>no puede ser hijo del elemento <address>. |
| Interfaz DOMO | HTMLElement. |
Soporte de navegadores
| Chrome | Firefox | Edge | Safari | Ópera |
|---|---|---|---|---|
| 5 | 4 | Soportado | 4.1 | 11.10 |
Características
En este elemento se pueden utilizar propiedades globales.
Descripción de uso
- Cada elemento debe ser
<section>identificado, generalmente incluyendo el encabezado<h1>-<h6>dentro del elemento<section>. - Si el contenido de un elemento se puede publicar
<section>independientemente del resto del documento, utilice el elemento en su<article>lugar. - No use el elemento
<section>como un contenedor global y global, eso es lo que hace el elemento<div>, especialmente si la partición es para fines de formateo. La regla general es usar el elemento<section>cuando queremos que aparezca una nueva sección en el diseño de la página.
Formato predeterminado
La mayoría de los navegadores muestran el elemento <section> con la propiedad establecida display en block:
section {
display: block;
}- Múltiples Constantes en TypeScript
- Estructura de Datos las Colas
- Estructura de Datos las Pilas (Stack)
- Widget Drawer en Flutter
- Clase Scaffold en Flutter
- Estructura del lenguaje Python
- Iteradores y generadores en TypeScript
- Símbolo en TypeScript (Symbol)
- Tipos Avanzados en TypeScript
- Tipos de Compatibilidad en TypeScript
- Inferir Tipos en TypeScript
- Tipos Generalizados (Generics) en TypeScript
- Tipos Básicos de Datos en TypeScript
- Interfaces en TypeScript
- Declaración de Variables en TypeScript
- Funciones en TypeScript
- Categorías en TypeScript
- Introducción a TypeScript
- Clase MaterialApp en Flutter
- Clase Container en Flutter
- ¿Qué son los Widgets en Flutter?
- Introducción a la Arquitectura de Aplicaciones con Flutter
- Lista Doblemente Enlazada
- Listas Vinculadas en Estructura de Datos
- Introducción a las Matrices(Arrays)
- Estructuras de Datos en los Algoritmos de Programación
- Expresión const en JavaScript
- Expresión let en JavaScript
- Introducción al Lenguaje de Programación CSS
- Intérprete de Python
- Expresión var en JavaScript
- Expresión try…catch en JavaScript
- Expresión throw en JavaScript
- Continue en JavaScript
- Switch en JavaScript
- Expresiones if…else en JavaScript
- Declaración vacía o empty en JavaScript
- Break en JavaScript
- Sentencia block en JavaScript
- Arguments en JavaScript
- Promise en JavaScript
- Number en JavaScript
