Q: What’s the purpose of the `srcset` attribute?

The `srcset` attribute on ` ` lists multiple image sources for different screen resolutions or sizes, like ` `. Browsers pick the best one—great for responsive design.

Q: What’s the ` ` tag for?

The ` ` tag adds subtitles or captions to ` ` or ` `, like ` `. It syncs text with media—key for accessibility and multilingual support.

Q: What’s the ` ` tag for?

The ` ` tag shows the result of a calculation or user action, like ` 0 `. It’s tied to form elements via `for`—think live updates without JS.

Question 1

How do you add structured data with HTML?

Accepted Answer

Use attributes like `itemscope`, `itemtype`, and `itemprop` for microdata, or JSON-LD in a `

Question 2

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

Accepted Answer

The `<dialog>` tag creates a modal or popup, like `<dialog><p>Hi</p></dialog>`. Use it with JS (`showModal()`) for native dialogs—simpler than custom divs for alerts or forms.

Question 3

What’s the purpose of the `draggable` attribute?

Accepted Answer

The `draggable` attribute makes an element movable with drag-and-drop, like `

Drag me

`. Pair it with JS events (`ondragstart`)—it’s part of HTML5’s interactive toolkit.

Question 4

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

Accepted Answer

The `<template>` tag holds HTML content that isn’t rendered until JavaScript activates it, like `<template><p>Hi</p></template>`. It’s perfect for reusable snippets or dynamic cloning—no display until you need it.

Question 5

What’s the purpose of the `contenteditable` attribute?

Accepted Answer

The `contenteditable` attribute makes an element editable by users, like `

Edit me

`. It’s a quick way to enable inline editing—great for dynamic apps.

Question 6

What’s the purpose of the `srcset` attribute?

Accepted Answer

The `srcset` attribute on `` lists multiple image sources for different screen resolutions or sizes, like `

`. Browsers pick the best one—great for responsive design.

Question 7

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

Accepted Answer

The `` tag adds subtitles or captions to `

Question 8

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 9

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

Accepted Answer

The `` tag shows the result of a calculation or user action, like `0`. It’s tied to form elements via `for`—think live updates without JS.

Question 10

What’s the `<canvas>` element used for?

Accepted Answer

The `<canvas>` tag creates a drawing area for graphics via JavaScript—like games or charts. It’s blank until you script it with stuff like `fillRect()`—powerful but code-driven.

DeVlt

Technical Html Interview Questions

Unlock All Interview Questions

Why Practice Technical Html Questions?

DeVlt