What is the difference between semantic HTML and presentational HTML from a UI design perspective?

• A. Semantic HTML is used primarily for styling with classes; presentational HTML is about document structure.
• B. Semantic HTML conveys meaning with elements like header, nav, main, and article to aid accessibility and SEO; presentational HTML/CSS focuses on appearance and may hinder accessibility
• C. Semantic HTML has no impact on accessibility
• D. Semantic HTML replaces the need for CSS entirely

Answer: (B)

This question tests how HTML markup communicates meaning versus how it controls appearance from a UI design perspective. Semantic HTML uses elements that describe their purpose, like header, nav, main, and article, which helps accessibility tools and search engines understand the page structure. Presentational HTML focuses on how things look, not what they are, so it doesn’t convey meaningful structure and can make the page harder for screen readers to interpret. In UI design, rely on CSS to handle styling while using semantic elements to convey meaning; this leads to better accessibility, easier maintenance, and more flexible theming. The other options mix up roles—semantic HTML isn’t about styling, it does impact accessibility, and it doesn’t replace CSS.