Top 55 HTML5 Interview Questions And Answers

Q: How can you highlight text in HTML?

If you are working with an HTML5 page, the ` ` tag can be a quick and easy way of highlighting or marking text on a page: ```html highlighted text ``` To highlight text with just HTML code and support for all browsers, set the background-color style, as shown in the example below, using the HTML tag. ```html Yellow text. ```

Question 1

What is the purpose of the alt attribute on images?

Accepted Answer

The `alt` attribute provides alternative information for an image if a user cannot view it. The `alt` attribute should be used to describe any images except those which only serve a decorative purposes, in which case it should be left empty.

Question 2

Write a HTML table tag sequence that outputs the following

Accepted Answer

Write a HTML table tag sequence that outputs the following: ``` 50 pcs 100 500 10 pcs 5 50 ``` **Answer:** ```html

50 pcs	100	500
10 pcs	5	50

```

Question 3

Explain meta tags in HTML

Accepted Answer

- **Meta tags** always go inside **head tag** of the HTML page - **Meta tags** is always passed as name/value pairs - **Meta tags** are not displayed on the page but intended for the browser - **Meta tags** can contain information about **character encoding**, **description**, **title** of the document etc, **Example**: ```html Home Page ```

Question 4

What is an iframe and how it works?

Accepted Answer

An **iframe** is an **HTML document** which can be embedded inside another HTML page. **Example**: ```html ```

Question 5

What is Character Encoding?

Accepted Answer

To display an HTML page correctly, a web browser must know which character set (character encoding) to use. This is specified in the tag: **HTML4:** ```html ``` **HTML5:** ```html ```

Question 6

How Can I Get Indexed Better by Search Engines?

Accepted Answer

It is possible to get indexed better by placing the following two statements in the `` part of your documents: ```html ``` Both may contain up to 1022 characters. If a keyword is used more than 7 times, the keywords tag will be ignored altogether. Also, you cannot put markup (other than entities) in the description or keywords list.

Question 7

Briefly describe the correct usage of the following HTML5 semantic elements: `

`, `

Accepted Answer

* `

` is used to contain introductory and navigational information about a section of the page. This can include the section heading, the author’s name, time and date of publication, table of contents, or other navigational information. * `

` is meant to house a self-contained composition that can logically be independently recreated outside of the page without losing it’s meaining. Individual blog posts or news stories are good examples. * `

` is a flexible container for holding content that shares a common informational theme or purpose. * `

Question 8

What is a self closing tag?

Accepted Answer

In HTML5 it is not strictly necessary to close certain HTML tags. The tags that aren’t required to have specific closing tags are called “self closing” tags. An example of a self closing tag is something like a line break (`
`) or the meta tag (``). This means that the following are both acceptable: ```html ... ```

Question 9

What is the difference between span and div?

Accepted Answer

* `div` is a block element
* `span` is inline element

For bonus points, you could point out that it’s illegal to place a block element inside an inline element, and that while `div` can have a `p` tag, and a `p` tag can have a `span`, it is not possible for `span` to have a `div` or `p` tag inside.

Question 10

How can you highlight text in HTML?

Accepted Answer

If you are working with an HTML5 page, the `` tag can be a quick and easy way of highlighting or marking text on a page: ```html highlighted text ``` To highlight text with just HTML code and support for all browsers, set the background-color style, as shown in the example below, using the HTML tag. ```html Yellow text. ```

Top 55 HTML5 Interview Questions

What is the purpose of the alt attribute on images?

Explain meta tags in HTML

What is an iframe and how it works?

What were some of the key goals and motivations for the HTML5 specification?

What is the difference between span and div?

hat's the difference between an "attribute" and a "property" in HTML?

Briefly describe the correct usage of the following HTML5 semantic elements: <header>, <article>, <section>, <footer>

What is Character Encoding?

What is a self closing tag?

How can you highlight text in HTML?

How Can I Get Indexed Better by Search Engines?

Explain the difference between cookies, session and local storage

Describe the difference between a 'cookie', 'sessionStorage' and 'localStorage'.

What is WebSQL?

What are Web Workers?

What's new in HTML 5?

What is the difference between <section> and <div>?

What is the DOM?

What are some differences that XHTML has compared to HTML?

Where and why is the rel="noopener" attribute used?

Can a web page contain multiple <header> elements? What about <footer> elements?

What are data- attributes good for?

What is WebSQL?

What is HTML5 Web Storage? Explain localStorage and sessionStorage.

What is the purpose of cache busting and how can you achieve it?

How do you serve a page with content in multiple languages?

Discuss the differences between an HTML specification and a browser’s implementation thereof.

When is it appropriate to use the small element?

What are defer and async attributes on a <script> tag?

How do you change the direction of html text?

Have you used different HTML templating languages before?

What is an optional tag?

How do you set IE compatibility mode?

What does a DOCTYPE do?

Explain the difference between block elements and inline elements

Explain almost standard, full standard and quirks mode

What's the difference between Full Standard, Almost Standard and Quirks Mode?

Why do I need a doctype and what does it do?

Describe the difference between , and .

What is WebP?

What kind of things must you be wary of when designing or developing for multilingual sites?

How would you select svg or canvas for your site?

Why to use HTML5 semantic tags?

What are the building blocks of HTML5?

What is an HTML preprocessor and are you using it?

What is the purpose of 'main' element?

Why you would use a srcset attribute in an image tag? Explain the process the browser uses when evaluating the content of this attribute.

What is progressive rendering?

What are Web Components?

Why is it generally a good idea to position CSS s between and JS s just before ? Do you know any exceptions?

What is an IndexedDB?

What is accessibility & ARIA role means in a web application?

Could you generate a public key in HTML?

Write a HTML table tag sequence that outputs the following

Check HTML Markup Validity

Briefly describe the correct usage of the following HTML5 semantic elements: `<header>`, `<article>`, `<section>`, `<footer>`

What is the difference between `<section>` and `<div>`?

Where and why is the `rel="noopener"` attribute used?

Can a web page contain multiple `<header>` elements? What about `<footer>` elements?

What are `data-` attributes good for?

What is HTML5 Web Storage? Explain `localStorage` and `sessionStorage`.

What are `defer` and `async` attributes on a `<script>` tag?

Why you would use a `srcset` attribute in an image tag? Explain the process the browser uses when evaluating the content of this attribute.