Semantic HTML MCQ Quiz | header, nav, section, article, aside, footer

1.What is the main purpose of semantic HTML tags?

a) To style the webpage
b) To style the webpage
c) To provide meaning to the content
d) To increase website loading speed

2. Which of the following is a semantic HTML tag?

a) <div>
b) <span>
c) <section>
d) <br>

3. Which semantic tag is used for the main navigation links in a webpage?

a) <header>
b) <nav>
c) <menu>
d) <aside>

4. Which semantic tag is commonly used for self-contained content like a blog post or news article?

a) <article>
b) <section>
c) <aside>
d) <header>

5. Which tag represents the top section of a webpage, often containing a logo or site title?

a) <footer>
b) <header>
c) <nav>
d) <main>

6. Which tag is used for side content like advertisements, related links, or sidebars?

a) <aside>
b) <section>
c) <nav>
d) <footer>

7. Which tag is used at the bottom of a webpage for copyright, contact info, or links?

a) <header>
b) <footer>
c) <aside>
d) <section>

8. What is the difference between <div> and <section>

a) <div> is semantic, <section> is not
b) <section> is semantic, <div> is non-semantic
c) Both are non-semantic
d) Both are semantic

9. Which semantic tag is best suited for grouping related content within a webpage?

a) <span>
b) <section>
c) <header>
d) <aside>

10. Why are semantic tags better for SEO and accessibility?

a) They load faster than non-semantic tags
b) They allow search engines and screen readers to understand content structure
c) They automatically add CSS styles
d) They make the code shorter

Wait for 20 seconds...