What is the purpose of using semantic elements like header, nav, and footer in HTML?

• A. They apply styling to the page
• B. They provide structure and meaning to the document
• C. They validate forms
• D. They replace all div elements

Answer: (B)

Using semantic elements in HTML helps define the role of different parts of a page, giving both structure and meaning to the document. Header indicates the introductory content or site header at the top of a page or section; navigation marks a set of links for moving around; footer contains information at the bottom. This meaningful markup improves accessibility for screen readers and provides better cues to search engines about the page layout, which also helps with maintainability and SEO. While you can style these elements with CSS, their main purpose is not styling but conveying purpose and structure. They do not validate forms, and they do not replace all div elements—divs are still used for generic containers when no semantic tag fits. In short, semantic elements like header, nav, and footer provide structure and meaning to the document, aiding accessibility, SEO, and code clarity.