Top HTML Interview Questions and Answers

Welcome to our HTML Interview Questions and Answers Page!

We are delighted to provide you with a comprehensive collection of HTML interview questions and their detailed answers. Whether you are a beginner or an experienced professional, this page will help you enhance your knowledge and ace your upcoming HTML interviews. Happy learning!

Top 20 Basic HTML Interview Questions and Answers

1. What is HTML?
HTML stands for HyperText Markup Language. It is the standard markup language used to create the structure and layout of web pages.

2. What are the basic tags in HTML?
Some of the basic tags in HTML include ``, ``, ``, `<body>`, `</p><h1>` to `</p><h6>`, `</p><p>`, `<br />`, `<a>`, `<img>`, `</p><ul>`, `</p><ol>`, `</p><li>`, `<br /><table>`, and `</p><div>`.</p><p><strong>3. What is the purpose of the `<head>` tag?</strong><br /> The `<head>` tag is used to define the header section of an HTML document. It contains metadata such as the document title, character encoding, stylesheets, and scripts.</p><p><strong>4. What is the difference between block-level and inline elements?</strong><br /> Block-level elements start on a new line and take up the full width available, while inline elements do not start on a new line and only take up the necessary width.</p><p><strong>5. What is the purpose of the `<a>` tag?</strong><br /> The `<a>` tag is used to create hyperlinks in HTML. It is used to link one HTML document to another or to a specific section within the same document.</p><p><strong>6. How do you create a ordered list in HTML?</strong><br /> To create an ordered list in HTML, the `</p><ol>` tag is used. Each item within the list is denoted with an `</p><li>` tag.<p><strong>7. What is the purpose of the `<img>` tag?</strong><br /> The `<img>` tag is used to insert images into an HTML document. It requires a source attribute (`src`) to specify the image URL.</p><p><strong>8. What is the purpose of the `</p><table>` tag?</strong><br /> The `</p><table>` tag is used to create a table in HTML. It consists of rows (`</p><tr>`) and columns (`</p><td>`) to organize data in a tabular form.</p><p><strong>9. What is the purpose of the `</p><form>` tag?</strong><br /> The `</p><form>` tag is used to create an HTML form that allows users to input data. It can be used to collect information such as text, checkboxes, radio buttons, and submit buttons.</p><p><strong>10. What is the difference between `<span>` and `</p><div>` tags?</strong><br /> The `<span>` tag is an inline element used to group inline elements or apply styles to a specific part of a text, while the `</p><div>` tag is a block-level element used to group block-level elements or define a section of an HTML document.</p><p><strong>11. What is the purpose of the `<input>` tag?</strong><br /> The `<input>` tag is used to create an input field within a form. It enables users to enter data, such as text, numbers, checkboxes, radio buttons, and more.</p><p><strong>12. What is the purpose of the `<DOCTYPE>` declaration?</strong><br /> The `<DOCTYPE>` declaration is used to specify the version of HTML that the document is written in. It helps browsers to interpret and render the HTML correctly.</p><p><strong>13. How do you add comments in HTML?</strong><br /> To add comments in HTML, you can use the `` syntax. Anything placed between these opening and closing comment tags will be ignored by the browser.</p><p><strong>14. What is the purpose of the `<label>` tag?</strong><br /> The `<label>` tag is used to define a label for an input field. It helps to improve the accessibility and usability of a form by providing a descriptive name for the input.</p><p><strong>15. What is the purpose of the `<select>` tag?</strong><br /> The `<select>` tag is used to create a drop-down list in HTML. It allows users to select one or more options from a list of choices.</p><p><strong>16. What is the purpose of the `<iframe>` tag?</strong><br /> The `<iframe>` tag is used to embed another HTML document within the current document. It is commonly used to display content from external sources, such as videos or maps.</p><p><strong>17. What is the purpose of the `<strong>` tag?</strong><br /> The `<strong>` tag is used to mark text as important or emphasize its importance. It is typically displayed in bold by browsers.</p><p><strong>18. How do you add a background image to an HTML element?</strong><br /> To add a background image to an HTML element, you can use the CSS `background-image` property. For example:<br /> “`</p><p>“`</p><p><strong>19. What is the purpose of the `<meta>` tag?</strong><br /> The `<meta>` tag is used to provide metadata about an HTML document. It includes information such as the character encoding, viewport settings, description, keywords, and more.</p><p><strong>20. What is the purpose of the `alt` attribute in the `<img>` tag?</strong><br /> The `alt` attribute in the `<img>` tag is used to provide alternative text for an image, which is displayed if the image fails to load or for visually impaired users who use screen readers.</section><section id="top20advancedInterviewQuestions"><a href="#top20advancedInterviewQuestions"></p><h2><strong>Top 20 Advanced HTML interview questions and answers</strong></h2><p></a></p><p><strong>1. What is the purpose of the ‘data-‘ attribute in HTML5?</strong><br /> The ‘data-‘ attribute is used to store custom data private to the page or application. It allows JavaScript to access and manipulate data stored in HTML elements.</p><p><strong>2. How would you implement drag and drop functionality in HTML?</strong><br /> To implement drag and drop functionality in HTML, you can use the HTML5 Drag and Drop API. This API provides events and methods to handle dragging and dropping of elements.</p><p><strong>3. How do you implement responsive design in HTML?</strong><br /> Responsive design in HTML can be implemented by using media queries. Media queries allow you to apply different styles based on the device’s screen size, resolution, and other properties.</p><p><strong>4. What is the purpose of the ‘contenteditable’ attribute?</strong><br /> The ‘contenteditable’ attribute allows the user to edit the content of an element directly in the browser. It is commonly used for creating editable web pages or rich text editors.</p><p><strong>5. How do you add audio and video elements in HTML?</strong><br /> To add audio and video elements in HTML, you can use the <audio> and<video> tags respectively. These tags provide attributes to specify the source file, controls, and other settings.</p><p><strong>6. How can you create an HTML form with file upload functionality?</strong><br /> To create an HTML form with file upload functionality, you need to use the <input> tag with the type attribute set to “file”. This allows users to select and upload files from their local storage.</p><p><strong>7. How do you handle cookies in HTML?</strong><br /> In HTML, cookies can be handled using JavaScript. JavaScript provides cookie-related methods such as document.cookie to create, read, update, and delete cookies.</p><p><strong>8. How can you add custom fonts in HTML?</strong><br /> Custom fonts can be added in HTML by using the @font-face rule in CSS. This rule allows you to specify the font file and define its name, weight, style, and other properties.</p><p><strong>9. What is the difference between span and div in HTML?</strong><br /> <span> and</p><div> are both HTML elements used for grouping content, but they have different default behaviors. <span> is an inline element and is used for a smaller, more specific section of text or content.</p><div> is a block-level element and is used for larger sections or groups of content.</p><p><strong>10. How can you embed external content in an HTML page?</strong><br /> External content can be embedded in an HTML page using various methods such as <iframe> tags, <object> tags, or embedding via JavaScript using AJAX.</p><p><strong>11. What is the purpose of the ‘figure’ and ‘figcaption’ elements in HTML5?</strong><br /> The ‘figure’ element is used to encapsulate media content, such as images, videos, or illustrations, along with their caption or description. The ‘figcaption’ element is used to provide a caption or description for the content within the ‘figure’ element.</p><p><strong>12. How do you ensure that an HTML page is accessible to users with disabilities?</strong><br /> To make an HTML page accessible to users with disabilities, you should use proper semantic markup, provide alternative text for images and multimedia, use descriptive link text, provide accessible forms, and ensure proper color contrast.</p><p><strong>13. What is the purpose of the ‘rel’ attribute in HTML?</strong><br /> The ‘rel’ attribute is used to define the relationship between the current document and a linked resource. It is commonly used with <a> (anchor) tags to specify the relationship of the linked document.</p><p><strong>14. How can you set the default focus element in an HTML form?</strong><br /> The default focus element in an HTML form can be set using the ‘autofocus’ attribute. By adding ‘autofocus’ to an input element, it will receive focus automatically when the page loads.</p><p><strong>15. What is the purpose of the ‘manifest’ attribute in HTML5?</strong><br /> The ‘manifest’ attribute is used to specify the URL of the application cache manifest file. This file allows web applications to be accessed offline, as it defines which files should be cached and served locally.</p><p><strong>16. How can you implement geolocation in an HTML5 application?</strong><br /> You can implement geolocation in an HTML5 application by using the Geolocation API. This API provides methods to retrieve the user’s current location through JavaScript.</p><p><strong>17. What are semantic elements in HTML?</strong><br /> Semantic elements in HTML are tags that convey meaning to both the browser and the developer. Examples of semantic elements include</p><header>,</p><nav>,</p><footer>,</p><article>,</p><section>, and</p><aside>. They provide a clear structure and improve accessibility and SEO.</p><p><strong>18. How do you create a responsive navigation menu in HTML?</strong><br /> A responsive navigation menu in HTML can be created using CSS media queries and JavaScript for handling menu interactions. By defining different CSS styles based on screen size, you can adapt the navigation menu to different devices.</p><p><strong>19. How can you create an HTML5 canvas and use it for drawing?</strong><br /> To create an HTML5 canvas element, use the<canvas> tag. Once created, you can use JavaScript to access the canvas and use its drawing API to draw shapes, lines, images, and more.</p><p><strong>20. How do you embed a Google Maps in an HTML page?</strong><br /> To embed a Google Maps in an HTML page, you can use the Google Maps Embed API. With this API, you can generate an HTML code snippet with a map and customize its appearance and functionality.</section> <a href="https://interviewquestionshub.com/questions-answers/cat/web-development/">Web development</a> (25) </p><article id="post-486438" class="post-486438 page type-page status-publish" itemtype="https://schema.org/CreativeWork" itemscope><div class="inside-article"><header class="entry-header"><h2 class="entry-title" itemprop="headline"><a href="https://interviewquestionshub.com/" rel="bookmark">Interview Questions and answers</a></h2></header><div class="entry-content" itemprop="text"><div class="dwqa-container" ><div class="dwqa-questions-archive"><form id="dwqa-search" class="dwqa-search"><input data-nonce="7db1e5bc48" type="text" placeholder="What do you want to know?" name="qs" value=""></form><div class="dwqa-question-filter"><span>Filter:</span><a href="/questions-answers/cat/html/?filter=all" class="all active">All</a><a href="/questions-answers/cat/html/?filter=unanswered" class="unanswered ">Unanswered</a><select id="dwqa-sort-by" class="dwqa-sort-by" onchange="this.options[this.selectedIndex].value && (window.location = this.options[this.selectedIndex].value);"><option selected disabled>Sort by</option><option value="/questions-answers/cat/html/?sort=views">Views</option><option value="/questions-answers/cat/html/?sort=answers">Answers</option><option value="/questions-answers/cat/html/?sort=votes">Votes</option></select></div><div class="dwqa-questions-list hidden-status"><div class="dwqa-question-item"><header class="dwqa-question-title"><a href="https://interviewquestionshub.com/questions-answers/what-is-the-difference-between-the-and-elements-in-html/">What is the difference between the and elements in HTML?</a></header><div class="dwqa-question-meta"><span><a href="https://interviewquestionshub.com/dwqa-user-profile/admin"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbDojY2ZkNGRiO2ZpbGwtb3BhY2l0eTogMC4xOyIvPjwvc3ZnPg==" alt='' data-src='https://interviewquestionshub.com/wp-content/litespeed/avatar/4feb374d920b44b6af30162a80e0529e.jpg?ver=1730783028' data-srcset='https://interviewquestionshub.com/wp-content/litespeed/avatar/8427998ebe7e3866262dab4c171d03f5.jpg?ver=1730783027 2x' class='avatar avatar-48 photo' height='48' width='48' />suresh</a> answered 4 months ago</span><span class="dwqa-question-category"><span class="dwqa-sep"> • </span><a href="https://interviewquestionshub.com/questions-answers/cat/html/" rel="tag">HTML</a></span></div><div class="dwqa-question-stats"><span class="dwqa-views-count"><strong>30</strong> views</span><span class="dwqa-answers-count"><strong>1</strong> answers</span><span class="dwqa-votes-count"><strong>0</strong> votes</span></div></div><div class="dwqa-question-item"><header class="dwqa-question-title"><a href="https://interviewquestionshub.com/questions-answers/what-is-the-difference-between-a-div-element-and-a-span-element-in-html/">What is the difference between a div element and a span element in HTML?</a></header><div class="dwqa-question-meta"><span><a href="https://interviewquestionshub.com/dwqa-user-profile/admin"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbDojY2ZkNGRiO2ZpbGwtb3BhY2l0eTogMC4xOyIvPjwvc3ZnPg==" alt='' data-src='https://interviewquestionshub.com/wp-content/litespeed/avatar/4feb374d920b44b6af30162a80e0529e.jpg?ver=1730783028' data-srcset='https://interviewquestionshub.com/wp-content/litespeed/avatar/8427998ebe7e3866262dab4c171d03f5.jpg?ver=1730783027 2x' class='avatar avatar-48 photo' height='48' width='48' />suresh</a> answered 4 months ago</span><span class="dwqa-question-category"><span class="dwqa-sep"> • </span><a href="https://interviewquestionshub.com/questions-answers/cat/html/" rel="tag">HTML</a></span></div><div class="dwqa-question-stats"><span class="dwqa-views-count"><strong>62</strong> views</span><span class="dwqa-answers-count"><strong>1</strong> answers</span><span class="dwqa-votes-count"><strong>0</strong> votes</span></div></div><div class="dwqa-question-item"><header class="dwqa-question-title"><a href="https://interviewquestionshub.com/questions-answers/what-is-the-difference-between-layers-and-inline-elements-in-html/">What is the difference between layers and inline elements in HTML?</a></header><div class="dwqa-question-meta"><span><a href="https://interviewquestionshub.com/dwqa-user-profile/admin"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbDojY2ZkNGRiO2ZpbGwtb3BhY2l0eTogMC4xOyIvPjwvc3ZnPg==" alt='' data-src='https://interviewquestionshub.com/wp-content/litespeed/avatar/4feb374d920b44b6af30162a80e0529e.jpg?ver=1730783028' data-srcset='https://interviewquestionshub.com/wp-content/litespeed/avatar/8427998ebe7e3866262dab4c171d03f5.jpg?ver=1730783027 2x' class='avatar avatar-48 photo' height='48' width='48' />suresh</a> answered 4 months ago</span><span class="dwqa-question-category"><span class="dwqa-sep"> • </span><a href="https://interviewquestionshub.com/questions-answers/cat/html/" rel="tag">HTML</a></span></div><div class="dwqa-question-stats"><span class="dwqa-views-count"><strong>57</strong> views</span><span class="dwqa-answers-count"><strong>1</strong> answers</span><span class="dwqa-votes-count"><strong>0</strong> votes</span></div></div><div class="dwqa-question-item"><header class="dwqa-question-title"><a href="https://interviewquestionshub.com/questions-answers/what-is-the-difference-between-html5-and-html4/">What is the difference between HTML5 and HTML4?</a></header><div class="dwqa-question-meta"><span><a href="https://interviewquestionshub.com/dwqa-user-profile/admin"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbDojY2ZkNGRiO2ZpbGwtb3BhY2l0eTogMC4xOyIvPjwvc3ZnPg==" alt='' data-src='https://interviewquestionshub.com/wp-content/litespeed/avatar/4feb374d920b44b6af30162a80e0529e.jpg?ver=1730783028' data-srcset='https://interviewquestionshub.com/wp-content/litespeed/avatar/8427998ebe7e3866262dab4c171d03f5.jpg?ver=1730783027 2x' class='avatar avatar-48 photo' height='48' width='48' />suresh</a> answered 4 months ago</span><span class="dwqa-question-category"><span class="dwqa-sep"> • </span><a href="https://interviewquestionshub.com/questions-answers/cat/html/" rel="tag">HTML</a></span></div><div class="dwqa-question-stats"><span class="dwqa-views-count"><strong>60</strong> views</span><span class="dwqa-answers-count"><strong>2</strong> answers</span><span class="dwqa-votes-count"><strong>0</strong> votes</span></div></div><div class="dwqa-question-item"><header class="dwqa-question-title"><a href="https://interviewquestionshub.com/questions-answers/what-is-the-difference-between-inline-and-block-elements-in-html-and-how-does-their-behavior-impact-the-layout-of-a-webpage/">What is the difference between inline and block elements in HTML, and how does their behavior impact the layout of a webpage?</a></header><div class="dwqa-question-meta"><span><a href="https://interviewquestionshub.com/dwqa-user-profile/admin"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbDojY2ZkNGRiO2ZpbGwtb3BhY2l0eTogMC4xOyIvPjwvc3ZnPg==" alt='' data-src='https://interviewquestionshub.com/wp-content/litespeed/avatar/4feb374d920b44b6af30162a80e0529e.jpg?ver=1730783028' data-srcset='https://interviewquestionshub.com/wp-content/litespeed/avatar/8427998ebe7e3866262dab4c171d03f5.jpg?ver=1730783027 2x' class='avatar avatar-48 photo' height='48' width='48' />suresh</a> answered 4 months ago</span><span class="dwqa-question-category"><span class="dwqa-sep"> • </span><a href="https://interviewquestionshub.com/questions-answers/cat/html/" rel="tag">HTML</a></span></div><div class="dwqa-question-stats"><span class="dwqa-views-count"><strong>35</strong> views</span><span class="dwqa-answers-count"><strong>1</strong> answers</span><span class="dwqa-votes-count"><strong>0</strong> votes</span></div></div><div class="dwqa-question-item"><header class="dwqa-question-title"><a href="https://interviewquestionshub.com/questions-answers/what-is-the-difference-between-and-tags-in-html/">What is the difference between and tags in HTML?</a></header><div class="dwqa-question-meta"><span><a href="https://interviewquestionshub.com/dwqa-user-profile/admin"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbDojY2ZkNGRiO2ZpbGwtb3BhY2l0eTogMC4xOyIvPjwvc3ZnPg==" alt='' data-src='https://interviewquestionshub.com/wp-content/litespeed/avatar/4feb374d920b44b6af30162a80e0529e.jpg?ver=1730783028' data-srcset='https://interviewquestionshub.com/wp-content/litespeed/avatar/8427998ebe7e3866262dab4c171d03f5.jpg?ver=1730783027 2x' class='avatar avatar-48 photo' height='48' width='48' />suresh</a> answered 4 months ago</span><span class="dwqa-question-category"><span class="dwqa-sep"> • </span><a href="https://interviewquestionshub.com/questions-answers/cat/html/" rel="tag">HTML</a></span></div><div class="dwqa-question-stats"><span class="dwqa-views-count"><strong>38</strong> views</span><span class="dwqa-answers-count"><strong>1</strong> answers</span><span class="dwqa-votes-count"><strong>0</strong> votes</span></div></div><div class="dwqa-question-item"><header class="dwqa-question-title"><a href="https://interviewquestionshub.com/questions-answers/what-are-the-differences-between-and-elements-in-html-and-when-would-you-choose-to-use-one-over-the-other/">What are the differences between “ and “ elements in HTML, and when would you choose to use one over the other?</a></header><div class="dwqa-question-meta"><span><a href="https://interviewquestionshub.com/dwqa-user-profile/admin"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbDojY2ZkNGRiO2ZpbGwtb3BhY2l0eTogMC4xOyIvPjwvc3ZnPg==" alt='' data-src='https://interviewquestionshub.com/wp-content/litespeed/avatar/4feb374d920b44b6af30162a80e0529e.jpg?ver=1730783028' data-srcset='https://interviewquestionshub.com/wp-content/litespeed/avatar/8427998ebe7e3866262dab4c171d03f5.jpg?ver=1730783027 2x' class='avatar avatar-48 photo' height='48' width='48' />suresh</a> answered 4 months ago</span><span class="dwqa-question-category"><span class="dwqa-sep"> • </span><a href="https://interviewquestionshub.com/questions-answers/cat/html/" rel="tag">HTML</a></span></div><div class="dwqa-question-stats"><span class="dwqa-views-count"><strong>40</strong> views</span><span class="dwqa-answers-count"><strong>1</strong> answers</span><span class="dwqa-votes-count"><strong>0</strong> votes</span></div></div><div class="dwqa-question-item"><header class="dwqa-question-title"><a href="https://interviewquestionshub.com/questions-answers/what-is-the-difference-between-block-level-elements-and-inline-elements-in-html/">What is the difference between block-level elements and inline elements in HTML?</a></header><div class="dwqa-question-meta"><span><a href="https://interviewquestionshub.com/dwqa-user-profile/admin"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbDojY2ZkNGRiO2ZpbGwtb3BhY2l0eTogMC4xOyIvPjwvc3ZnPg==" alt='' data-src='https://interviewquestionshub.com/wp-content/litespeed/avatar/4feb374d920b44b6af30162a80e0529e.jpg?ver=1730783028' data-srcset='https://interviewquestionshub.com/wp-content/litespeed/avatar/8427998ebe7e3866262dab4c171d03f5.jpg?ver=1730783027 2x' class='avatar avatar-48 photo' height='48' width='48' />suresh</a> answered 4 months ago</span><span class="dwqa-question-category"><span class="dwqa-sep"> • </span><a href="https://interviewquestionshub.com/questions-answers/cat/html/" rel="tag">HTML</a></span></div><div class="dwqa-question-stats"><span class="dwqa-views-count"><strong>44</strong> views</span><span class="dwqa-answers-count"><strong>1</strong> answers</span><span class="dwqa-votes-count"><strong>0</strong> votes</span></div></div><div class="dwqa-question-item dwqa-status-open"><header class="dwqa-question-title"><a href="https://interviewquestionshub.com/questions-answers/what-is-the-difference-between-display-block-display-inline-and-display-inline-block-in-css/">What is the difference between `display: block`, `display: inline`, and `display: inline-block` in CSS?</a></header><div class="dwqa-question-meta"><span><a href="https://interviewquestionshub.com/dwqa-user-profile/admin"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbDojY2ZkNGRiO2ZpbGwtb3BhY2l0eTogMC4xOyIvPjwvc3ZnPg==" alt='' data-src='https://interviewquestionshub.com/wp-content/litespeed/avatar/4feb374d920b44b6af30162a80e0529e.jpg?ver=1730783028' data-srcset='https://interviewquestionshub.com/wp-content/litespeed/avatar/8427998ebe7e3866262dab4c171d03f5.jpg?ver=1730783027 2x' class='avatar avatar-48 photo' height='48' width='48' />suresh</a> answered 5 months ago</span><span class="dwqa-question-category"><span class="dwqa-sep"> • </span><a href="https://interviewquestionshub.com/questions-answers/cat/html/" rel="tag">HTML</a></span></div><div class="dwqa-question-stats"><span class="dwqa-views-count"><strong>67</strong> views</span><span class="dwqa-answers-count"><strong>1</strong> answers</span><span class="dwqa-votes-count"><strong>0</strong> votes</span></div></div><div class="dwqa-question-item dwqa-status-open"><header class="dwqa-question-title"><a href="https://interviewquestionshub.com/questions-answers/how-can-you-validate-a-form-on-the-client-side-using-html/">How can you validate a form on the client side using HTML?</a></header><div class="dwqa-question-meta"><span><a href="https://interviewquestionshub.com/dwqa-user-profile/admin"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbDojY2ZkNGRiO2ZpbGwtb3BhY2l0eTogMC4xOyIvPjwvc3ZnPg==" alt='' data-src='https://interviewquestionshub.com/wp-content/litespeed/avatar/4feb374d920b44b6af30162a80e0529e.jpg?ver=1730783028' data-srcset='https://interviewquestionshub.com/wp-content/litespeed/avatar/8427998ebe7e3866262dab4c171d03f5.jpg?ver=1730783027 2x' class='avatar avatar-48 photo' height='48' width='48' />suresh</a> answered 5 months ago</span><span class="dwqa-question-category"><span class="dwqa-sep"> • </span><a href="https://interviewquestionshub.com/questions-answers/cat/html/" rel="tag">HTML</a></span></div><div class="dwqa-question-stats"><span class="dwqa-views-count"><strong>40</strong> views</span><span class="dwqa-answers-count"><strong>1</strong> answers</span><span class="dwqa-votes-count"><strong>0</strong> votes</span></div></div><div class="dwqa-question-item"><header class="dwqa-question-title"><a href="https://interviewquestionshub.com/questions-answers/what-is-the-difference-between-the-and-tags-in-html/">What is the difference between the and tags in HTML?</a></header><div class="dwqa-question-meta"><span><a href="https://interviewquestionshub.com/dwqa-user-profile/admin"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbDojY2ZkNGRiO2ZpbGwtb3BhY2l0eTogMC4xOyIvPjwvc3ZnPg==" alt='' data-src='https://interviewquestionshub.com/wp-content/litespeed/avatar/4feb374d920b44b6af30162a80e0529e.jpg?ver=1730783028' data-srcset='https://interviewquestionshub.com/wp-content/litespeed/avatar/8427998ebe7e3866262dab4c171d03f5.jpg?ver=1730783027 2x' class='avatar avatar-48 photo' height='48' width='48' />suresh</a> answered 6 months ago</span><span class="dwqa-question-category"><span class="dwqa-sep"> • </span><a href="https://interviewquestionshub.com/questions-answers/cat/html/" rel="tag">HTML</a></span></div><div class="dwqa-question-stats"><span class="dwqa-views-count"><strong>52</strong> views</span><span class="dwqa-answers-count"><strong>1</strong> answers</span><span class="dwqa-votes-count"><strong>0</strong> votes</span></div></div><div class="dwqa-question-item"><header class="dwqa-question-title"><a href="https://interviewquestionshub.com/questions-answers/what-is-the-difference-between-inline-and-block-level-elements-in-html-and-when-would-you-use-each-one/">What is the difference between inline and block-level elements in HTML, and when would you use each one?</a></header><div class="dwqa-question-meta"><span><a href="https://interviewquestionshub.com/dwqa-user-profile/admin"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbDojY2ZkNGRiO2ZpbGwtb3BhY2l0eTogMC4xOyIvPjwvc3ZnPg==" alt='' data-src='https://interviewquestionshub.com/wp-content/litespeed/avatar/4feb374d920b44b6af30162a80e0529e.jpg?ver=1730783028' data-srcset='https://interviewquestionshub.com/wp-content/litespeed/avatar/8427998ebe7e3866262dab4c171d03f5.jpg?ver=1730783027 2x' class='avatar avatar-48 photo' height='48' width='48' />suresh</a> answered 6 months ago</span><span class="dwqa-question-category"><span class="dwqa-sep"> • </span><a href="https://interviewquestionshub.com/questions-answers/cat/html/" rel="tag">HTML</a></span></div><div class="dwqa-question-stats"><span class="dwqa-views-count"><strong>51</strong> views</span><span class="dwqa-answers-count"><strong>1</strong> answers</span><span class="dwqa-votes-count"><strong>0</strong> votes</span></div></div><div class="dwqa-question-item"><header class="dwqa-question-title"><a href="https://interviewquestionshub.com/questions-answers/what-is-the-difference-between-and-in-html-and-when-would-you-use-one-over-the-other/">What is the difference between “ and “ in HTML, and when would you use one over the other?</a></header><div class="dwqa-question-meta"><span><a href="https://interviewquestionshub.com/dwqa-user-profile/admin"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbDojY2ZkNGRiO2ZpbGwtb3BhY2l0eTogMC4xOyIvPjwvc3ZnPg==" alt='' data-src='https://interviewquestionshub.com/wp-content/litespeed/avatar/4feb374d920b44b6af30162a80e0529e.jpg?ver=1730783028' data-srcset='https://interviewquestionshub.com/wp-content/litespeed/avatar/8427998ebe7e3866262dab4c171d03f5.jpg?ver=1730783027 2x' class='avatar avatar-48 photo' height='48' width='48' />suresh</a> answered 6 months ago</span><span class="dwqa-question-category"><span class="dwqa-sep"> • </span><a href="https://interviewquestionshub.com/questions-answers/cat/html/" rel="tag">HTML</a></span></div><div class="dwqa-question-stats"><span class="dwqa-views-count"><strong>51</strong> views</span><span class="dwqa-answers-count"><strong>1</strong> answers</span><span class="dwqa-votes-count"><strong>0</strong> votes</span></div></div><div class="dwqa-question-item"><header class="dwqa-question-title"><a href="https://interviewquestionshub.com/questions-answers/what-is-the-difference-between-and-elements-in-html/">What is the difference between “ and “ elements in HTML?</a></header><div class="dwqa-question-meta"><span><a href="https://interviewquestionshub.com/dwqa-user-profile/admin"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbDojY2ZkNGRiO2ZpbGwtb3BhY2l0eTogMC4xOyIvPjwvc3ZnPg==" alt='' data-src='https://interviewquestionshub.com/wp-content/litespeed/avatar/4feb374d920b44b6af30162a80e0529e.jpg?ver=1730783028' data-srcset='https://interviewquestionshub.com/wp-content/litespeed/avatar/8427998ebe7e3866262dab4c171d03f5.jpg?ver=1730783027 2x' class='avatar avatar-48 photo' height='48' width='48' />suresh</a> answered 6 months ago</span><span class="dwqa-question-category"><span class="dwqa-sep"> • </span><a href="https://interviewquestionshub.com/questions-answers/cat/html/" rel="tag">HTML</a></span></div><div class="dwqa-question-stats"><span class="dwqa-views-count"><strong>48</strong> views</span><span class="dwqa-answers-count"><strong>1</strong> answers</span><span class="dwqa-votes-count"><strong>0</strong> votes</span></div></div><div class="dwqa-question-item"><header class="dwqa-question-title"><a href="https://interviewquestionshub.com/questions-answers/what-is-the-difference-between-a-div-tag-and-a-span-tag-in-html/">What is the difference between a div tag and a span tag in HTML?</a></header><div class="dwqa-question-meta"><span><a href="https://interviewquestionshub.com/dwqa-user-profile/admin"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbDojY2ZkNGRiO2ZpbGwtb3BhY2l0eTogMC4xOyIvPjwvc3ZnPg==" alt='' data-src='https://interviewquestionshub.com/wp-content/litespeed/avatar/4feb374d920b44b6af30162a80e0529e.jpg?ver=1730783028' data-srcset='https://interviewquestionshub.com/wp-content/litespeed/avatar/8427998ebe7e3866262dab4c171d03f5.jpg?ver=1730783027 2x' class='avatar avatar-48 photo' height='48' width='48' />suresh</a> answered 6 months ago</span><span class="dwqa-question-category"><span class="dwqa-sep"> • </span><a href="https://interviewquestionshub.com/questions-answers/cat/html/" rel="tag">HTML</a></span></div><div class="dwqa-question-stats"><span class="dwqa-views-count"><strong>64</strong> views</span><span class="dwqa-answers-count"><strong>1</strong> answers</span><span class="dwqa-votes-count"><strong>0</strong> votes</span></div></div></div><div class="dwqa-questions-footer"><div class="dwqa-pagination"><span aria-dwqa-current="page" class="dwqa-page-numbers dwqa-current">1</span><a class="dwqa-page-numbers" href="https://interviewquestionshub.com/questions-answers/cat/html/page/2">2</a><a class="dwqa-next dwqa-page-numbers" href="https://interviewquestionshub.com/questions-answers/cat/html/page/2">Next »</a></div><div class="dwqa-ask-question"><a href="https://interviewquestionshub.com/ask-questions/">Ask Question</a></div></div></div></div></div></div></article></main></div></div></div><div class="site-footer"><footer class="site-info" aria-label="Site" itemtype="https://schema.org/WPFooter" itemscope><div class="inside-site-info grid-container"><div class="copyright-bar"> <span class="copyright">© 2024 Interview Questions Hub</span> • Built with <a href="https://generatepress.com" itemprop="url">GeneratePress</a></div></div></footer></div><div id="exit-subscribe-form" style="display:none;"><div class="modal-overlay"></div><div class="modal-content"><h3>Subscribe to HTML Questions and Jobs</h3><form id="subscribe-form" method="post" action="https://interviewquestionshub.com/wp-admin/admin-post.php"> <input type="hidden" id="subscription_form_nonce" name="subscription_form_nonce" value="0d597637ce" /><input type="hidden" name="_wp_http_referer" value="/questions-answers/cat/html/" /><div class="form-group"> <input type="text" name="name" placeholder="Enter your name" required></div><div class="form-group"> <input type="email" name="email" placeholder="Enter your email" required></div><div class="form-group"> <label> <input type="checkbox" name="subscription_options[]" value="questions" checked> HTML Questions </label> <label> <input type="checkbox" name="subscription_options[]" value="jobs" checked> HTML Jobs </label></div> <input type="hidden" name="category_id" value="20023"> <input type="hidden" name="category_name" value="HTML"> <input type="hidden" name="action" value="handle_subscription"> <button type="submit">Subscribe</button></form> <span id="close-modal" class="close-button">×</span></div></div>  <script data-no-optimize="1">!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).LazyLoad=e()}(this,function(){"use strict";function e(){return(e=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n,a=arguments[e];for(n in a)Object.prototype.hasOwnProperty.call(a,n)&&(t[n]=a[n])}return t}).apply(this,arguments)}function i(t){return e({},it,t)}function o(t,e){var n,a="LazyLoad::Initialized",i=new t(e);try{n=new CustomEvent(a,{detail:{instance:i}})}catch(t){(n=document.createEvent("CustomEvent")).initCustomEvent(a,!1,!1,{instance:i})}window.dispatchEvent(n)}function l(t,e){return t.getAttribute(gt+e)}function c(t){return l(t,bt)}function s(t,e){return function(t,e,n){e=gt+e;null!==n?t.setAttribute(e,n):t.removeAttribute(e)}(t,bt,e)}function r(t){return s(t,null),0}function u(t){return null===c(t)}function d(t){return c(t)===vt}function f(t,e,n,a){t&&(void 0===a?void 0===n?t(e):t(e,n):t(e,n,a))}function _(t,e){nt?t.classList.add(e):t.className+=(t.className?" ":"")+e}function v(t,e){nt?t.classList.remove(e):t.className=t.className.replace(new RegExp("(^|\\s+)"+e+"(\\s+|$)")," ").replace(/^\s+/,"").replace(/\s+$/,"")}function g(t){return t.llTempImage}function b(t,e){!e||(e=e._observer)&&e.unobserve(t)}function p(t,e){t&&(t.loadingCount+=e)}function h(t,e){t&&(t.toLoadCount=e)}function n(t){for(var e,n=[],a=0;e=t.children[a];a+=1)"SOURCE"===e.tagName&&n.push(e);return n}function m(t,e){(t=t.parentNode)&&"PICTURE"===t.tagName&&n(t).forEach(e)}function a(t,e){n(t).forEach(e)}function E(t){return!!t[st]}function I(t){return t[st]}function y(t){return delete t[st]}function A(e,t){var n;E(e)||(n={},t.forEach(function(t){n[t]=e.getAttribute(t)}),e[st]=n)}function k(a,t){var i;E(a)&&(i=I(a),t.forEach(function(t){var e,n;e=a,(t=i[n=t])?e.setAttribute(n,t):e.removeAttribute(n)}))}function L(t,e,n){_(t,e.class_loading),s(t,ut),n&&(p(n,1),f(e.callback_loading,t,n))}function w(t,e,n){n&&t.setAttribute(e,n)}function x(t,e){w(t,ct,l(t,e.data_sizes)),w(t,rt,l(t,e.data_srcset)),w(t,ot,l(t,e.data_src))}function O(t,e,n){var a=l(t,e.data_bg_multi),i=l(t,e.data_bg_multi_hidpi);(a=at&&i?i:a)&&(t.style.backgroundImage=a,n=n,_(t=t,(e=e).class_applied),s(t,ft),n&&(e.unobserve_completed&&b(t,e),f(e.callback_applied,t,n)))}function N(t,e){!e||0<e.loadingCount||0<e.toLoadCount||f(t.callback_finish,e)}function C(t,e,n){t.addEventListener(e,n),t.llEvLisnrs[e]=n}function M(t){return!!t.llEvLisnrs}function z(t){if(M(t)){var e,n,a=t.llEvLisnrs;for(e in a){var i=a[e];n=e,i=i,t.removeEventListener(n,i)}delete t.llEvLisnrs}}function R(t,e,n){var a;delete t.llTempImage,p(n,-1),(a=n)&&--a.toLoadCount,v(t,e.class_loading),e.unobserve_completed&&b(t,n)}function T(o,r,c){var l=g(o)||o;M(l)||function(t,e,n){M(t)||(t.llEvLisnrs={});var a="VIDEO"===t.tagName?"loadeddata":"load";C(t,a,e),C(t,"error",n)}(l,function(t){var e,n,a,i;n=r,a=c,i=d(e=o),R(e,n,a),_(e,n.class_loaded),s(e,dt),f(n.callback_loaded,e,a),i||N(n,a),z(l)},function(t){var e,n,a,i;n=r,a=c,i=d(e=o),R(e,n,a),_(e,n.class_error),s(e,_t),f(n.callback_error,e,a),i||N(n,a),z(l)})}function G(t,e,n){var a,i,o,r,c;t.llTempImage=document.createElement("IMG"),T(t,e,n),E(c=t)||(c[st]={backgroundImage:c.style.backgroundImage}),o=n,r=l(a=t,(i=e).data_bg),c=l(a,i.data_bg_hidpi),(r=at&&c?c:r)&&(a.style.backgroundImage='url("'.concat(r,'")'),g(a).setAttribute(ot,r),L(a,i,o)),O(t,e,n)}function D(t,e,n){var a;T(t,e,n),a=e,e=n,(t=It[(n=t).tagName])&&(t(n,a),L(n,a,e))}function V(t,e,n){var a;a=t,(-1<yt.indexOf(a.tagName)?D:G)(t,e,n)}function F(t,e,n){var a;t.setAttribute("loading","lazy"),T(t,e,n),a=e,(e=It[(n=t).tagName])&&e(n,a),s(t,vt)}function j(t){t.removeAttribute(ot),t.removeAttribute(rt),t.removeAttribute(ct)}function P(t){m(t,function(t){k(t,Et)}),k(t,Et)}function S(t){var e;(e=At[t.tagName])?e(t):E(e=t)&&(t=I(e),e.style.backgroundImage=t.backgroundImage)}function U(t,e){var n;S(t),n=e,u(e=t)||d(e)||(v(e,n.class_entered),v(e,n.class_exited),v(e,n.class_applied),v(e,n.class_loading),v(e,n.class_loaded),v(e,n.class_error)),r(t),y(t)}function $(t,e,n,a){var i;n.cancel_on_exit&&(c(t)!==ut||"IMG"===t.tagName&&(z(t),m(i=t,function(t){j(t)}),j(i),P(t),v(t,n.class_loading),p(a,-1),r(t),f(n.callback_cancel,t,e,a)))}function q(t,e,n,a){var i,o,r=(o=t,0<=pt.indexOf(c(o)));s(t,"entered"),_(t,n.class_entered),v(t,n.class_exited),i=t,o=a,n.unobserve_entered&&b(i,o),f(n.callback_enter,t,e,a),r||V(t,n,a)}function H(t){return t.use_native&&"loading"in HTMLImageElement.prototype}function B(t,i,o){t.forEach(function(t){return(a=t).isIntersecting||0<a.intersectionRatio?q(t.target,t,i,o):(e=t.target,n=t,a=i,t=o,void(u(e)||(_(e,a.class_exited),$(e,n,a,t),f(a.callback_exit,e,n,t))));var e,n,a})}function J(e,n){var t;et&&!H(e)&&(n._observer=new IntersectionObserver(function(t){B(t,e,n)},{root:(t=e).container===document?null:t.container,rootMargin:t.thresholds||t.threshold+"px"}))}function K(t){return Array.prototype.slice.call(t)}function Q(t){return t.container.querySelectorAll(t.elements_selector)}function W(t){return c(t)===_t}function X(t,e){return e=t||Q(e),K(e).filter(u)}function Y(e,t){var n;(n=Q(e),K(n).filter(W)).forEach(function(t){v(t,e.class_error),r(t)}),t.update()}function t(t,e){var n,a,t=i(t);this._settings=t,this.loadingCount=0,J(t,this),n=t,a=this,Z&&window.addEventListener("online",function(){Y(n,a)}),this.update(e)}var Z="undefined"!=typeof window,tt=Z&&!("onscroll"in window)||"undefined"!=typeof navigator&&/(gle|ing|ro)bot|crawl|spider/i.test(navigator.userAgent),et=Z&&"IntersectionObserver"in window,nt=Z&&"classList"in document.createElement("p"),at=Z&&1<window.devicePixelRatio,it={elements_selector:".lazy",container:tt||Z?document:null,threshold:300,thresholds:null,data_src:"src",data_srcset:"srcset",data_sizes:"sizes",data_bg:"bg",data_bg_hidpi:"bg-hidpi",data_bg_multi:"bg-multi",data_bg_multi_hidpi:"bg-multi-hidpi",data_poster:"poster",class_applied:"applied",class_loading:"litespeed-loading",class_loaded:"litespeed-loaded",class_error:"error",class_entered:"entered",class_exited:"exited",unobserve_completed:!0,unobserve_entered:!1,cancel_on_exit:!0,callback_enter:null,callback_exit:null,callback_applied:null,callback_loading:null,callback_loaded:null,callback_error:null,callback_finish:null,callback_cancel:null,use_native:!1},ot="src",rt="srcset",ct="sizes",lt="poster",st="llOriginalAttrs",ut="loading",dt="loaded",ft="applied",_t="error",vt="native",gt="data-",bt="ll-status",pt=[ut,dt,ft,_t],ht=[ot],mt=[ot,lt],Et=[ot,rt,ct],It={IMG:function(t,e){m(t,function(t){A(t,Et),x(t,e)}),A(t,Et),x(t,e)},IFRAME:function(t,e){A(t,ht),w(t,ot,l(t,e.data_src))},VIDEO:function(t,e){a(t,function(t){A(t,ht),w(t,ot,l(t,e.data_src))}),A(t,mt),w(t,lt,l(t,e.data_poster)),w(t,ot,l(t,e.data_src)),t.load()}},yt=["IMG","IFRAME","VIDEO"],At={IMG:P,IFRAME:function(t){k(t,ht)},VIDEO:function(t){a(t,function(t){k(t,ht)}),k(t,mt),t.load()}},kt=["IMG","IFRAME","VIDEO"];return t.prototype={update:function(t){var e,n,a,i=this._settings,o=X(t,i);{if(h(this,o.length),!tt&&et)return H(i)?(e=i,n=this,o.forEach(function(t){-1!==kt.indexOf(t.tagName)&&F(t,e,n)}),void h(n,0)):(t=this._observer,i=o,t.disconnect(),a=t,void i.forEach(function(t){a.observe(t)}));this.loadAll(o)}},destroy:function(){this._observer&&this._observer.disconnect(),Q(this._settings).forEach(function(t){y(t)}),delete this._observer,delete this._settings,delete this.loadingCount,delete this.toLoadCount},loadAll:function(t){var e=this,n=this._settings;X(t,n).forEach(function(t){b(t,e),V(t,n,e)})},restoreAll:function(){var e=this._settings;Q(e).forEach(function(t){U(t,e)})}},t.load=function(t,e){e=i(e);V(t,e)},t.resetStatus=function(t){r(t)},Z&&function(t,e){if(e)if(e.length)for(var n,a=0;n=e[a];a+=1)o(t,n);else o(t,e)}(t,window.lazyLoadOptions),t});!function(e,t){"use strict";function a(){t.body.classList.add("litespeed_lazyloaded")}function n(){console.log("[LiteSpeed] Start Lazy Load Images"),d=new LazyLoad({elements_selector:"[data-lazyloaded]",callback_finish:a}),o=function(){d.update()},e.MutationObserver&&new MutationObserver(o).observe(t.documentElement,{childList:!0,subtree:!0,attributes:!0})}var d,o;e.addEventListener?e.addEventListener("load",n,!1):e.attachEvent("onload",n)}(window,document);</script><script data-no-optimize="1">var litespeed_vary=document.cookie.replace(/(?:(?:^|.*;\s*)_lscache_vary\s*\=\s*([^;]*).*$)|^.*$/,"");litespeed_vary||fetch("/wp-content/plugins/litespeed-cache/guest.vary.php",{method:"POST",cache:"no-cache",redirect:"follow"}).then(e=>e.json()).then(e=>{console.log(e),e.hasOwnProperty("reload")&&"yes"==e.reload&&(sessionStorage.setItem("litespeed_docref",document.referrer),window.location.reload(!0))});</script><script data-optimized="1" type="litespeed/javascript" data-src="https://interviewquestionshub.com/wp-content/litespeed/js/58bcc0db9cc181e9907222d83e58ef76.js?ver=5fbaa"></script><script>const litespeed_ui_events=["mouseover","click","keydown","wheel","touchmove","touchstart"];var urlCreator=window.URL||window.webkitURL;function litespeed_load_delayed_js_force(){console.log("[LiteSpeed] Start Load JS Delayed"),litespeed_ui_events.forEach(e=>{window.removeEventListener(e,litespeed_load_delayed_js_force,{passive:!0})}),document.querySelectorAll("iframe[data-litespeed-src]").forEach(e=>{e.setAttribute("src",e.getAttribute("data-litespeed-src"))}),"loading"==document.readyState?window.addEventListener("DOMContentLoaded",litespeed_load_delayed_js):litespeed_load_delayed_js()}litespeed_ui_events.forEach(e=>{window.addEventListener(e,litespeed_load_delayed_js_force,{passive:!0})});async function litespeed_load_delayed_js(){let t=[];for(var d in document.querySelectorAll('script[type="litespeed/javascript"]').forEach(e=>{t.push(e)}),t)await new Promise(e=>litespeed_load_one(t[d],e));document.dispatchEvent(new Event("DOMContentLiteSpeedLoaded")),window.dispatchEvent(new Event("DOMContentLiteSpeedLoaded"))}function litespeed_load_one(t,e){console.log("[LiteSpeed] Load ",t);var d=document.createElement("script");d.addEventListener("load",e),d.addEventListener("error",e),t.getAttributeNames().forEach(e=>{"type"!=e&&d.setAttribute("data-src"==e?"src":e,t.getAttribute(e))});let a=!(d.type="text/javascript");!d.src&&t.textContent&&(d.src=litespeed_inline2src(t.textContent),a=!0),t.after(d),t.remove(),a&&e()}function litespeed_inline2src(t){try{var d=urlCreator.createObjectURL(new Blob([t.replace(/^(?:)?$/gm,"$1")],{type:"text/javascript"}))}catch(e){d="data:text/javascript;base64,"+btoa(t.replace(/^(?:)?$/gm,"$1"))}return d}</script></body></html>