Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Main Layout Elements | Understanding Semantic HTML
Build Meaningful and Accessible Web Pages

bookMain Layout Elements

HTML includes semantic layout elements that give meaning and structure to web pages. These elements—header, nav, main, section, article, aside, and footer—help browsers, assistive technologies, and search engines understand your content and improve accessibility and SEO.

  • header: introductory content or navigation links, often at the top of a page or section;
  • nav: blocks of navigation links, such as menus or tables of contents;
  • main: the main content of the page; only one per page, not inside other sectioning elements;
  • section: groups related content with a heading;
  • article: self-contained content that can stand alone, like blog posts or news stories;
  • aside: content related but not central to the main content, such as sidebars;
  • footer: information about the section or page, like author details or copyright.

Using these elements makes your code easier to read and maintain, and ensures your content is accessible and discoverable.

index.html

index.html

copy
question mark

Which of the following is NOT a semantic HTML layout element?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 1. Capítulo 3

Pregunte a AI

expand

Pregunte a AI

ChatGPT

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

Awesome!

Completion rate improved to 8.33

bookMain Layout Elements

Desliza para mostrar el menú

HTML includes semantic layout elements that give meaning and structure to web pages. These elements—header, nav, main, section, article, aside, and footer—help browsers, assistive technologies, and search engines understand your content and improve accessibility and SEO.

  • header: introductory content or navigation links, often at the top of a page or section;
  • nav: blocks of navigation links, such as menus or tables of contents;
  • main: the main content of the page; only one per page, not inside other sectioning elements;
  • section: groups related content with a heading;
  • article: self-contained content that can stand alone, like blog posts or news stories;
  • aside: content related but not central to the main content, such as sidebars;
  • footer: information about the section or page, like author details or copyright.

Using these elements makes your code easier to read and maintain, and ensures your content is accessible and discoverable.

index.html

index.html

copy
question mark

Which of the following is NOT a semantic HTML layout element?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 1. Capítulo 3
some-alt