Which HTML5 semantic elements should you use to mark up the main sections of a page such as header, navigation, content, and footer?

Which HTML5 semantic elements should you use to mark up the main sections of a page such as header, navigation, content, and footer?

• A. Header, Nav, Content, Section, Footer
• B. Header, Nav, Main, Section/Article, Footer
• C. Header, Navigation, Main, Section, Footer
• D. Header, Nav, Main, Article, Footer

Answer: (B)

HTML5 semantic elements give meaning to the different regions of a page, making structure clear to browsers, assistive tech, and developers. For the main sections—header, navigation, content, and footer—the correct approach is to use header for the top area, nav for the navigation links, main for the central content area, and footer for the bottom area. Within the central content, you usually group related pieces with section elements or use article for standalone, distributable content. There isn’t a content element in HTML5, so marking the main content with main is the proper choice, and then using section or article for subdivisions. That’s why the best option uses header, nav, main, section/article, and footer. Other choices flirt with non-existent or incorrect tags like content or navigation that isn’t the actual tag name, which doesn’t align with HTML5 semantics. This approach improves accessibility and the ability for search engines to understand the page structure.

HTML5 semantic elements give meaning to the different regions of a page, making structure clear to browsers, assistive tech, and developers. For the main sections—header, navigation, content, and footer—the correct approach is to use header for the top area, nav for the navigation links, main for the central content area, and footer for the bottom area. Within the central content, you usually group related pieces with section elements or use article for standalone, distributable content. There isn’t a content element in HTML5, so marking the main content with main is the proper choice, and then using section or article for subdivisions.

That’s why the best option uses header, nav, main, section/article, and footer. Other choices flirt with non-existent or incorrect tags like content or navigation that isn’t the actual tag name, which doesn’t align with HTML5 semantics. This approach improves accessibility and the ability for search engines to understand the page structure.