ReactJS Interview Prep - HTML Fundamentals (Part 4)

Question 1

Which HTML element is the standard, native way to create a modal dialog or popup box?

Accepted Answer

Correct Answer

Answer

`<modal>`

Answer

`<popup>`

Answer

`<dialog>`

Answer

`<overlay>`

Question 2

What is the purpose of the `<template>` element in HTML?

Accepted Answer

Correct Answer

Answer

To define a strict layout grid for the entire webpage.

Answer

To hold client-side content that is not to be rendered when a page is loaded but may subsequently be instantiated during runtime using JavaScript.

Answer

To automatically generate boilerplate HTML code for new pages.

Answer

To act as a placeholder for server-side injected variables.

Question 3

What is the semantic purpose of the `<i>` tag in modern HTML5?

Accepted Answer

Correct Answer

Answer

It strictly italicizes text for stylistic purposes only.

Answer

It represents a range of text that is set off from the normal text for some reason, such as idiomatic text, technical terms, taxonomical designations, or a thought.

Answer

It represents an interactive icon or SVG graphic.

Answer

It is completely deprecated and should be replaced with `<em`>.

Question 4

How do you specify the language of the entire HTML document for screen readers and search engines?

Accepted Answer

Correct Answer

Answer

Using `<meta language="en">`.

Answer

By setting the `lang` attribute on the root `` element (e.g., ``).

Answer

By setting the `lang` attribute on the `<body>` element.

Answer

By defining a `Language:` header in the HTTP response.

Question 5

What does the `` element do when nested inside a `

Accepted Answer

Correct Answer

Answer

It tracks the user's viewing duration and sends analytics to the server.

Answer

It provides a secondary audio track for visually impaired users.

Answer

It specifies timed text tracks (like subtitles, closed captions, or chapter titles) for the media element.

Answer

It ensures the media continues playing in a picture-in-picture mode when the user scrolls.

Question 6

Which HTML tag is used to highlight or explicitly mark text as having been inserted into a document (often styled with an underline)?

Accepted Answer

Correct Answer

Answer

`<add>`

Answer

`<u>`

Answer

`<ins>`

Answer

`<new>`

Question 7

What is the function of the `type` attribute on a `<script>` tag when set to `type="module"`?

Accepted Answer

Correct Answer

Answer

It forces the script to run strictly in an isolated Web Worker.

Answer

It enables the script to use ES6 `import` and `export` statements, automatically applies strict mode, and defers execution by default.

Answer

It prevents the script from interacting with the DOM.

Answer

It compiles the script into WebAssembly before execution.

Question 8

How do you define an area within an image map (a clickable region on an image)?

Accepted Answer

Correct Answer

Answer

Using `` inside a ``.

Answer

Using `` inside a ``.

Answer

Using a `

` with absolute positioning over the ``.

Answer

Using `` inside a `

Question 9

What is the purpose of the `meter` element?

Accepted Answer

Correct Answer

Answer

To measure the performance of JavaScript functions.

Answer

To display a scalar measurement within a known range, or a fractional value (like disk usage or a voter turnout percentage).

Answer

To show the progress of an active, ongoing task like a file download.

Answer

To calculate the physical screen dimensions of the user's device.

Question 10

What is the difference between `` and ``?

Accepted Answer

Correct Answer

Answer

`` is used for a known range (like a gauge), while `` represents the completion progress of an ongoing task.

Answer

`` is used for a known range, while `` is for ongoing tasks.

Answer

They are identical; `<meter>` is just the newer HTML5 syntax.

Answer

`` can only be used with numbers, while `` can be used with strings.

Question 11

Which attribute on a `<form>` element defines how the form data should be encoded when submitting it to the server (specifically required for file uploads)?

Accepted Answer

Correct Answer

Answer

`enc-type`

Answer

`content-type`

Answer

`enctype`

Answer

`data-encoding`

Question 12

What does the `reversed` attribute do on an `<ol>` (ordered list) element?

Accepted Answer

Correct Answer

Answer

It reverses the physical order of the `<li>` elements in the DOM.

Answer

It aligns the numbers to the right side of the list.

Answer

It causes the list numbering to count downwards (e.g., 3, 2, 1) instead of upwards.

Answer

It flips the text direction from LTR to RTL.

Question 13

What is the primary function of the `<wbr>` element?

Accepted Answer

Correct Answer

Answer

To strictly break a word onto a new line, similar to `
`.

Answer

To represent a Word Break Opportunity: a position within text where the browser may optionally break a line if necessary, though its line-breaking rules would not normally create a break in that location.

Answer

To break the styling inheritance of a CSS rule.

Answer

To act as a placeholder for a Webpack build resource.

Question 14

How do you provide a fallback image or text if an `<iframe>` is not supported by the user's browser?

Accepted Answer

Correct Answer

Answer

By using the `fallback` attribute on the `<iframe>` tag.

Answer

By placing HTML content directly between the opening `` tags.

Answer

By using a `<noscript>` tag adjacent to the iframe.

Answer

Iframes cannot have fallbacks; they strictly fail silently.

Question 15

What is the purpose of the `dirname` attribute on a text `<input>`?

Accepted Answer

Correct Answer

Answer

It specifies the directory path where uploaded files should be stored.

Answer

It submits the text direction (LTR or RTL) of the input field along with the form data.

Answer

It defines the namespace of the variable for backend processing.

Answer

It automatically structures the input text as a file path.

Question 16

Which element provides a generic inline container for phrasing content, which does not inherently represent anything?

Accepted Answer

Correct Answer

Answer

`<div>`

Answer

`<p>`

Answer

`<span>`

Answer

`<inline>`

Question 17

What is the `<ruby>` element used for?

Accepted Answer

Correct Answer

Answer

To embed Ruby programming language scripts into HTML.

Answer

To mark text as highly important, styling it red by default.

Answer

To display East Asian characters with pronunciation guides (ruby annotations) placed above or next to the base characters.

Answer

To create a specialized layout grid for tabular data.

Question 18

What is the semantic purpose of the `<s>` tag?

Accepted Answer

Correct Answer

Answer

To create a strict separation line.

Answer

To represent things that are no longer relevant or no longer accurate (often rendered with a strikethrough).

Answer

To securely hide passwords in the DOM.

Answer

To define sub-script text.

Question 19

Which tag is used to define sub-script text (text that appears slightly below the normal line)?

Accepted Answer

Correct Answer

Answer

`<down>`

Answer

`<sub>`

Answer

`<sup>`

Answer

`<under>`

Question 20

What does the `autofocus` attribute do when applied to a form control?

Accepted Answer

Correct Answer

Answer

It automatically zooms the camera in on the element on mobile devices.

Answer

It forces the browser to automatically give focus to the element as soon as the page loads.

Answer

It highlights the element in red if the validation fails.

Answer

It automatically opens the mobile keyboard without user interaction.

Question 21

What is the purpose of the `formenctype` attribute on a submit button?

Accepted Answer

Correct Answer

Answer

It overrides the form's native encoding type, useful if one button requires standard submission and another requires a file upload.

Answer

It encrypts the button's value before sending it to the server.

Answer

It prevents the button from being submitted via AJAX.

Answer

It forces the form to use JSON serialization.

Question 22

How do you semantically mark a section of text as a quotation from another source?

Accepted Answer

Correct Answer

Answer

By wrapping it in `" "` characters.

Answer

By using the `` element for short inline quotes, or `

` for longer, block-level quotes.

Answer

By using the `<quote>` element.

Answer

By using a `<span>` with `class="quote"`.

Question 23

What is the function of the `crossorigin` attribute on a `

Accepted Answer

Correct Answer

Answer

It strictly prevents the resource from being loaded across different origins.

Answer

It instructs the browser to execute the script in a web worker.

Answer

It provides support for CORS, indicating whether the browser should send credentials (cookies) when fetching the cross-origin resource.

Answer

It automatically translates the resource into different languages.

Question 24

What does the `ismap` attribute do on an `<img>` tag?

Accepted Answer

Correct Answer

Answer

It converts the image into an interactive Google Map.

Answer

It indicates that the image is part of a server-side image map. When clicked, the exact X and Y coordinates of the click are appended to the URL.

Answer

It automatically scales the image to match a provided geographic coordinate.

Answer

It is a deprecated attribute replaced by `<canvas>`.

Question 25

Which element is used to group the `

` to `

` tags together when a heading has multiple levels (e.g., a title and subtitle)?

Accepted Answer

Correct Answer

Answer

`<hgroup>`

Answer

`<header>`

Answer

`<titles>`

Answer

`<group>`

Academy

ReactJS Interview Prep - HTML Fundamentals (Part 4)