Lección 12 de 22

Secciones y Artículos

Nueva Sección: Semántica y Organización

Hasta ahora hemos aprendido a crear contenido básico. Ahora veremos cómo organizar ese contenido de manera que tenga más sentido y sea más fácil de entender, tanto para las personas como para los navegadores.

Las páginas web se pueden dividir en diferentes partes usando elementos semánticos:

  • <seccion> para agrupar contenido relacionado
  • <articulo> para contenido independiente y completo

¿Cuándo usar cada uno?

  • • Usa <seccion> para dividir tu página en áreas temáticas
  • • Usa <articulo> para contenido que tiene sentido por sí mismo
  • • Puedes tener varios artículos dentro de una sección

Ejemplo

EsHTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
Vista Previa

¡Ahora te toca a ti!

Crea una sección para tu blog personal con dos artículos diferentes. Cada artículo debe tener un título (<e2>) y un párrafo de contenido.

Tu código EsHTML
1
2
3
4
5
HTML
1
2
3
4
5
Vista Previa