Question 1

What is semantic HTML?

Accepted Answer

Semantic HTML uses tags that describe their purpose—like `

`, `

`, or `

Question 2

What’s the purpose of the viewport meta tag?

Accepted Answer

The viewport meta tag controls how a page scales on mobile devices, like `<meta name="viewport" content="width=device-width, initial-scale=1">`. It ensures proper responsive display—crucial for modern web.

Question 3

What’s the difference between `

` and `

`?

Accepted Answer

A `

` is a generic container with no meaning—just a box for styling or grouping. A `

` is semantic, marking a thematic chunk of content, like a chapter. Use `

` for accessibility and SEO, and `

` when you just need a wrapper.

Question 4

What’s the `<picture>` element for?

Accepted Answer

The `<picture>` element serves different images based on conditions—like screen size—using `<source>` tags. It falls back to `<img>`, like `<picture><source srcset="small.jpg" media="(max-width: 600px)"><img src="default.jpg"></picture>`. It’s key for responsive design.

Question 5

What’s the `<main>` tag for?

Accepted Answer

The `

` tag wraps the primary content of a page, excluding headers or footers. Like `

Story

Q: What’s the difference between ` `, ` `, and ` `?

These tags organize a ` `: ` ` groups header rows, ` ` holds the main data, and ` ` contains footer rows (like totals). They’re semantic and help with styling or printing—` ` stays on top when scrolling long tables.

`—it’s semantic and helps screen readers focus on what matters.

Question 6

How do you create a form in HTML?

Accepted Answer

Use the `<form>` tag with `action` (where it submits) and `method` (like `POST` or `GET`). Add inputs like `<input type="text">` inside. For example, a login form might have email and password fields—it’s the backbone of user interaction.

Question 7

What’s the `<nav>` tag for?

Accepted Answer

The `<nav>` tag defines a navigation section, like a menu or links, making it clear to screen readers and search engines. Think `<nav><a href="/">Home</a></nav>`—it’s semantic and keeps navigation distinct.

Question 8

What’s the difference between ``, ``, and ``?

Accepted Answer

These tags organize a ``: `` groups header rows, `` holds the main data, and `` contains footer rows (like totals). They’re semantic and help with styling or printing—`` stays on top when scrolling long tables.

Question 9

What’s the `<details>` tag for?

Accepted Answer

The `

` tag creates a collapsible section, with `

` as the clickable title. Like `

More

Details here

`—it’s interactive and native, no JS required.

Question 10

What’s the `<header>` tag for?

Accepted Answer

The `

` tag defines introductory content, like logos or navigation, typically at the top of a page or section. It’s semantic, so `

Title

` tells screen readers and search engines it’s the lead-in.

DeVlt

Medium Html Interview Questions

Unlock All Interview Questions

Why Practice Medium Html Questions?

DeVlt