Main 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
Thanks for your feedback!
Ask AI
Ask AI
Ask anything or try one of the suggested questions to begin our chat
Can you give examples of how to use these semantic elements in HTML?
Why is using semantic elements better than using just divs?
How do these elements improve accessibility and SEO?
Awesome!
Completion rate improved to 8.33
Main Layout Elements
Swipe to show menu
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
Thanks for your feedback!