Ads by ProfitSence
Close

HTML <section> Tag

Last Updated on domingo 9º oct. 2022

section html

El elemento de sección generalmente tiene un encabezado que le dirá al lector qué leer en esa sección en particular y el contenido. La etiqueta de sección divide el contenido en sección y subsecciones.

La principal ventaja de la etiqueta section es que es un elemento semántico.

En HTML5, podemos definir una sección usando las etiquetas <section></section>. Podemos tener tantas secciones en nuestra página de documentos como queramos.

html section

Syntax

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

			
	

Ejemplos

			
					<section>
  <h1>Sección: Título 1</h1>
  <p>Contenido de la sección 1</p>
</section>
<section>
  <h1>Sección: Título 2</h1>
  <p>Contenido de la sección 2</p>
</section>
<section>
  <h1>Sección: Título 3</h1>
  <p>Contenido de la sección 3</p>
</section>

			
	

html sections

Bibliotecas y marcos front end

			
					<section>
  <h2>Bibliotecas y marcos front end</h2>
  <ul>
    <li>AngularJS</li>
    <li>React JS</li>
    <li>Vue JS</li>
    <li>Svelte</li>
  </ul>
</section>

			
	

sections html

Soporte de navegador

Los números de la tabla especifican la primera versión del explorador que admite completamente el elemento.

Elemento Chrome Edge Mozilla Safari Opera
<section> 5.0 9.0 4.0 5.0 11.5