Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Exploración de Elementos Semánticos en HTML | HTML Avanzado
Fundamentos de HTML

bookExploración de Elementos Semánticos en HTML

A continuación se muestran los elementos semánticos más comunes y para qué se utilizan.

Etiqueta header

Representa la parte superior de una página web o sección. Generalmente contiene un logotipo, título o enlaces de navegación.

Note
Nota

No confundir header con head. Cumplen funciones diferentes.

index.html

index.html

copy

Etiqueta nav

Define un bloque de enlaces de navegación. Frecuentemente ubicado dentro del encabezado.

index.html

index.html

copy

Etiqueta section

Agrupa contenido relacionado en secciones lógicas. Cada sección normalmente debe comenzar con un encabezado.

index.html

index.html

copy

Etiqueta article

Representa una pieza de contenido independiente, como una entrada de blog o un artículo de noticias. Útil para que los motores de búsqueda identifiquen el contenido principal.

index.html

index.html

copy

Etiqueta footer

Define la parte inferior de una página web o sección. Normalmente contiene texto de derechos de autor, información de contacto o enlaces relacionados.

index.html

index.html

copy

1. ¿Cuál es el propósito principal de la etiqueta <header>?

2. ¿Qué etiqueta HTML se utiliza normalmente para definir una sección de enlaces de navegación, como menús o barras de navegación?

3. ¿Cuál es la función principal de la etiqueta <section>?

4. ¿Cuándo se debe utilizar la etiqueta <footer>?

question mark

¿Cuál es el propósito principal de la etiqueta <header>?

Select the correct answer

question mark

¿Qué etiqueta HTML se utiliza normalmente para definir una sección de enlaces de navegación, como menús o barras de navegación?

Select the correct answer

question mark

¿Cuál es la función principal de la etiqueta <section>?

Select the correct answer

question mark

¿Cuándo se debe utilizar la etiqueta <footer>?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 5. Capítulo 2

Pregunte a AI

expand

Pregunte a AI

ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

Suggested prompts:

Can you give examples of how to use these tags in HTML?

What is the difference between a section and an article?

Are there any best practices for organizing semantic elements on a webpage?

bookExploración de Elementos Semánticos en HTML

Desliza para mostrar el menú

A continuación se muestran los elementos semánticos más comunes y para qué se utilizan.

Etiqueta header

Representa la parte superior de una página web o sección. Generalmente contiene un logotipo, título o enlaces de navegación.

Note
Nota

No confundir header con head. Cumplen funciones diferentes.

index.html

index.html

copy

Etiqueta nav

Define un bloque de enlaces de navegación. Frecuentemente ubicado dentro del encabezado.

index.html

index.html

copy

Etiqueta section

Agrupa contenido relacionado en secciones lógicas. Cada sección normalmente debe comenzar con un encabezado.

index.html

index.html

copy

Etiqueta article

Representa una pieza de contenido independiente, como una entrada de blog o un artículo de noticias. Útil para que los motores de búsqueda identifiquen el contenido principal.

index.html

index.html

copy

Etiqueta footer

Define la parte inferior de una página web o sección. Normalmente contiene texto de derechos de autor, información de contacto o enlaces relacionados.

index.html

index.html

copy

1. ¿Cuál es el propósito principal de la etiqueta <header>?

2. ¿Qué etiqueta HTML se utiliza normalmente para definir una sección de enlaces de navegación, como menús o barras de navegación?

3. ¿Cuál es la función principal de la etiqueta <section>?

4. ¿Cuándo se debe utilizar la etiqueta <footer>?

question mark

¿Cuál es el propósito principal de la etiqueta <header>?

Select the correct answer

question mark

¿Qué etiqueta HTML se utiliza normalmente para definir una sección de enlaces de navegación, como menús o barras de navegación?

Select the correct answer

question mark

¿Cuál es la función principal de la etiqueta <section>?

Select the correct answer

question mark

¿Cuándo se debe utilizar la etiqueta <footer>?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 5. Capítulo 2
some-alt