Lección 14 de 22

Elementos Semánticos

Los elementos semánticos son etiquetas especiales que describen claramente su propósito. Es como poner etiquetas a las diferentes partes de tu página para que sea más fácil entender qué hace cada parte.

Las partes más comunes de una página web son:

  • <encabezado> - La parte superior con el título y menú
  • <navegacion> - El menú con enlaces
  • <principal> - El contenido más importante
  • <pie> - La parte inferior con información adicional
  • <barra-lateral> - Contenido extra al lado

¿Por qué son importantes?

  • • Ayudan a organizar mejor el contenido
  • • Hacen que tu página sea más fácil de leer
  • • Ayudan a las personas que usan lectores de pantalla

Ejemplo

EsHTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
Vista Previa

¡Ahora te toca a ti!

Crea un sitio personal usando los elementos semánticos. Ya tienes el encabezado, ahora añade una sección principal con un artículo y un pie de página con información de contacto.

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