
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