HTML Interview Questions
1.What is HTML and what does it stand for?
HTML stands for HyperText Markup Language. It is the standard markup language used to structure web pages and their content.
2.What is the difference between HTML and HTML5?
HTML5 is the latest version of HTML. It introduces semantic tags, native multimedia support (<audio>, <video>), and new APIs like Canvas and local storage.
3.What is a DOCTYPE declaration and why is it important?
The <!DOCTYPE html> declaration tells the browser which version of HTML the page is written in. Getting this right prevents the browser from rendering in 'quirks mode'.
4.What is the structure of a basic HTML page?
A standard page contains a <!DOCTYPE html>, followed by an <html> tag enclosing a <head> (metadata) and a <body> (visible content).
5.What are HTML tags, elements, and attributes?
Tags define the start and end (e.g., <p>). Elements are everything from start tag to end tag. Attributes provide extra information inside the opening tag (e.g., class="box").
6.What is the difference between block-level and inline elements?
Block elements (like <div> or <p>) take up the full width available and start on a new line. Inline elements (like <span> or <a>) only take up as much width as necessary.
7.What are void/self-closing elements in HTML?
Void elements have no content and do not require a closing tag. Standard examples include <img>, <br>, <hr>, and <input>.
8.What is the difference between <head> and <body>?
The <head> contains invisible metadata like the title, scripts, and stylesheets. The <body> contains all the visible content rendered on the web page.
9.What does the <meta> tag do?
The <meta> tag provides metadata about the document, such as character sets, viewport settings, and SEO descriptions. It is always placed inside the <head>.
10.What is the charset attribute and why is UTF-8 used?
charset defines the character encoding for the HTML document. UTF-8 is universally used because it supports almost all characters and symbols across all languages.
11.What is the difference between id and class attributes?
An id must be unique to a single element per page, ideal for anchors and targeted JS/CSS. A class can be shared across multiple elements for bulk styling.
12.What is the role of the <title> tag?
It sets the name of the web page in the browser tab and is a critical SEO component used by search engines to index the page.
13.What are global attributes in HTML?
Global attributes are attributes that can be used on any HTML element, such as class, id, style, hidden, and data-*.
14.What is the difference between <b> and <strong>?
Both make text bold, but <strong> carries semantic importance (used by screen readers for emphasis) whereas <b> is purely visual.
15.What is the difference between <i> and <em>?
Both italicize text, but <em> provides semantic emphasis indicating stressed pronunciation, while <i> is purely for visual italics.
16.What does the lang attribute do in the <html> tag?
It declares the primary language of the web page. This is vital for screen readers (to use correct pronunciation) and search engines.
17.What is the use of the <base> tag?
The <base> tag specifies the base URL for all relative URLs in a document. There can only be one per page, defined in the <head>.
18.What is the difference between <div> and <span>?
<div> is a generic block-level container for grouping elements, while <span> is a generic inline container used to target a specific piece of text or element.
19.What are data-* attributes and when would you use them?
data-* attributes allow you to store custom data directly in HTML elements. We use them tightly with JavaScript to pass state or data without abusing class names.
20.What is whitespace collapsing in HTML?
HTML automatically collapses multiple spaces and line breaks into a single space. You must use <br> for line breaks or CSS (white-space: pre) to preserve formatting.
21.What is semantic HTML and why does it matter?
Semantic HTML uses tags that clearly describe their meaning (like <article> or <nav>). It drastically improves SEO and screen reader accessibility compared to nested <div>s.
22.What is the difference between <article> and <section>?
<article> defines independent, self-contained content that makes sense on its own. <section> is a thematic grouping of content, typically requiring a heading.
23.When should you use <header> vs <head>?
<head> contains metadata for the browser and is not displayed. <header> is a visible, semantic container for introductory content or navigation links.
24.What is the purpose of <main>, <aside>, and <footer>?
<main> holds the primary content. <aside> is for secondary content (like sidebars). <footer> contains author info, copyright, and closing links.
25.What is the difference between <figure> and <figcaption>?
<figure> wraps self-contained visual elements like images or charts. <figcaption> provides the visible semantic caption strictly associated with that figure.
26.When should you use <nav>?
<nav> should be used exclusively to wrap major blocks of navigation links, like the main header menu or pagination.
27.What is the <address> tag used for?
It semantically marks up contact information for the author or owner of the document or <article> it is placed inside.
28.What are <details> and <summary> tags?
They natively create an interactive collapsible widget (accordion) without JavaScript. <summary> acts as the clickable heading, and the rest is hidden content.
29.What is the <mark> element used for?
It semantically wraps text that should be highlighted or marked for reference purposes, typically rendered with a yellow background.
30.What is the difference between <time> and plain text for dates?
The <time> element semantically represents a specific period in time using the datetime attribute, making dates highly readable for search engines and calendars.
31.What is the purpose of <abbr> and the title attribute?
<abbr> defines an abbreviation or acronym. The title attribute accompanying it provides the full expansion naturally when hovered.
32.When should you use <blockquote> vs <q>?
<blockquote> is for a block-level extended quotation spanning multiple lines. <q> is for concise, inline quotes inserted into a paragraph.
33.What is the <cite> element used for?
It defines the title of a creative work (a book, a song, a movie). Browsers typically render it in italics.
34.What is the role of <legend> and <fieldset>?
<fieldset> groups related elements in a form (like radio buttons). <legend> acts as the semantic caption or label specifically for that fieldset.
35.What is the difference between <dl>, <dt>, and <dd>?
They create a Description List. <dl> wraps the whole list. <dt> specifies the term, and <dd> specifies its corresponding description or definition.
36.What are all the input types available in HTML5?
HTML5 added specific types like email, number, date, color, range, tel, and url, which provide native validation and better mobile keyboard support.
37.What is the difference between GET and POST methods in forms?
GET appends form data to the URL (used for retrieving data/searches). POST sends data inside the HTTP body (used for secure/large data like passwords or uploads).
38.What does the action attribute in a form do?
The action attribute specifies the URL or endpoint where the browser will send the form data upon submission.
39.What is the purpose of the name attribute on form inputs?
The name attribute acts as the variable key when the form is submitted. Without it, the input's data will not be included in the server payload.
40.What is the difference between <input type='submit'> and <button>?
<button> can wrap rich content like images or icons inside itself, while <input type='submit'> only accepts flat text via the value attribute.
41.What is the placeholder vs value attribute?
value is the actual, submittable data inside the input. placeholder is grayed-out instructional text that disappears once the user types.
42.What does required, disabled, and readonly do on inputs?
required enforces input before submission. disabled grays the element and prevents it from submitting. readonly prevents typing but still submits the value.
43.What is the autocomplete attribute?
It tells the browser whether it is allowed to pre-fill the field with saved data (like passwords, emails, or credit cards) using values like autocomplete="email".
44.What is the difference between <select> and <datalist>?
<select> forces the user to pick from a strict dropdown. <datalist> provides autocomplete suggestions but allows the user to type custom values.
45.What is the purpose of the <label> element and how do you link it?
It defines a clickable label. You natively link it to an input by matching the label's for attribute to the input's id attribute, greatly enhancing accessibility.
46.What is the enctype attribute and when would you use multipart/form-data?
enctype dictates how data is encoded. You absolutely must use multipart/form-data when uploading files (<input type="file">); otherwise, files won't transmit.
47.What is the novalidate attribute on forms?
Placing novalidate on the <form> tag disables the browser's native HTML5 validation UI, allowing developers to handle custom validation via JavaScript.
48.How do you group radio buttons together?
You give multiple <input type="radio"> elements the exact same name attribute. This informs the browser that only one in the group can be selected.
49.What is the difference between checkbox and radio input types?
Checkboxes are for multi-select scenarios (you can pick any number). Radio buttons are strict single-select scenarios (mutually exclusive choices).
50.What is the <textarea> element and how is it different from <input>?
<textarea> is used for multi-line text input (like descriptions). Unlike <input>, it requires a closing tag and its initial value sits between the tags.
51.What is the pattern attribute used for?
The pattern attribute accepts a Regular Expression (Regex). It forces the input value to strictly match that pattern before allowing form submission.
52.What does the min, max, and step attribute do on number/range inputs?
They constrain numeric inputs. min and max define boundaries, while step defines the increment value when using the up/down arrows.
53.What is the form attribute and how does it link inputs outside a form?
If an input sits structurally outside a <form>, giving the input a form="formId" attribute securely ties it into that form's submission payload.
54.What is the difference between hidden and disabled inputs in form submission?
A hidden input is invisible to the user but its data is submitted. A disabled input is visible but utterly disconnected from submission.
55.What is the <output> element?
It semantically represents the result of a programmatic calculation or user action, typically updated via JavaScript.
56.What is the difference between absolute and relative URLs?
An absolute URL includes the full domain (e.g., https://example.com/page). A relative URL strictly maps to the current domain and path (e.g., /images/logo.png).
57.What does target='_blank' do and what security risk does it have?
It opens the link in a new tab. Historically, it posed a security risk where the new page could hijack the caller piece unless paired with rel="noopener noreferrer".
58.What is the rel attribute on <a> and <link> tags?
It defines the semantic relationship between the current document and the linked resource (e.g., rel="stylesheet" or rel="nofollow").
59.What is the difference between href and src attributes?
href refers to an external resource location (like an anchor link or stylesheet). src fundamentally embeds the resource directly into the page (like an image or script).
60.How do you create an image link in HTML?
Simply nest an <img> tag directly inside an <a> anchor tag. The entire surface area of the image acts as the hyperlink.
61.What is the alt attribute on images and why is it important?
It provides alternative text if the image fails to load. More critically, it drives SEO value and visually impaired screen reader accessibility.
62.What is the difference between <img> and CSS background-image?
<img> carries meaning and is meant for actual content (parsed by search engines/screen readers). background-image is purely for visual decoration.
63.What are srcset and sizes attributes used for?
They power responsive images. srcset provides different image resolutions, and sizes tells the browser which layout width to evaluate, letting it pick the perfect file size.
64.What is the <picture> element?
It allows developers to supply completely different image sources based on media queries (art direction) or format support (WebP fallback).
65.What is lazy loading and how do you use it in HTML?
Lazy loading postpones fetching media until it's near the viewport, drastically boosting performance. Use it simply by adding the loading="lazy" attribute.
66.What is the difference between <video> and <audio> elements?
Both natively embed media without plugins. <video> creates a visual container measuring width/height, while <audio> only exposes timeline controls.
67.What are the controls, autoplay, loop, and muted attributes in media?
controls enables pause/play UI. autoplay forces instant playback. loop restarts immediately on finish. muted enforces silent playback, notably required for auto-playing videos.
68.What is the <source> tag used for inside media elements?
It allows you to specify multiple alternative media files. The browser evaluates them and uses the first format it officially supports.
69.What is an <iframe> and what are its use cases?
An <iframe> embeds an entirely separate HTML document within the current page. It is heavily used for embedding YouTube videos, ads, and third-party widgets.
70.What are the sandbox and allow attributes on <iframe>?
sandbox strictly isolates the iframe for security, blocking scripts and forms unless explicitly whitelisted. allow explicitly grants permissions (camera, fullscreen).
71.What is the <embed> vs <object> element?
Both embed external resources (like PDFs or flash). <object> acts as a robust container capable of providing fallback content, while <embed> is a simpler self-closing modern tag.
72.How do you implement a favicon?
Link it inside the head tag using <link rel="icon" type="image/png" href="/favicon.png">. This assigns the branded icon seen in browser tabs.
73.What is the difference between a hyperlink and an anchor?
They are essentially the same. An anchor <a> establishes a location point, while a hyperlink specifically utilizes the href attribute to navigate to another endpoint.
74.What does the download attribute on <a> do?
Instead of navigating or rendering the file attached to the href, the download attribute forces the browser to instantly save the file to the user's disk.
75.What are the basic elements of an HTML table?
The baseline is <table>. It contains <tr> (table row), which wraps <th> (bold header cells) and <td> (standard data cells).
76.What is the difference between <thead>, <tbody>, and <tfoot>?
They logically isolate the table into header, scrollable body, and footer sections. This drives cleaner printing formats and massively improves semantic accessibility.
77.What do colspan and rowspan attributes do?
They merge cells. colspan="2" causes a single cell to horizontally stretch across 2 columns. rowspan merges cells vertically down row spans.
78.What is the scope attribute on <th>?
It indicates whether a header cell acts as a header for a row, a col, or groups. Crucial for screen-readers mapping data correctly to headers.
79.What is the <caption> element in a table?
It provides a clear semantic title or caption explaining the table's purpose. It must be placed universally as the immediate first child of <table>.
80.When should you use a table vs CSS Grid/Flexbox for layout?
You should ONLY use <table> for presenting two-dimensional tabular data. You must strictly use CSS Grid/Flexbox for laying out pages and structural designs.
81.What is the <colgroup> and <col> element used for?
They allow you to bulk-apply stylistic rules (like background colors or widths) to entire columns simultaneously, removing the need to style every individual <td>.
82.What are the border, cellpadding, and cellspacing attributes?
They dictate table spacing and styling natively in HTML. However, they are highly deprecated; you must fully control borders and spacing securely via CSS instead.
83.What is the Canvas API and what is <canvas> used for?
<canvas> provides a structural blank bitmap area. JavaScript Canvas API then dynamically draws graphics, complex animations, or 2D games pixel-by-pixel inside it.
84.What is the difference between <canvas> and <svg>?
<canvas> is raster/pixel-based, incredible for fast game loops but non-scalable. <svg> defines scalable vector graphics using XML DOM nodes, making it resolution independent.
85.What is the Geolocation API?
It is an HTML5 feature allowing a web application to request the user's geographic coordinates (longitude/latitude) securely, but only after explicit permission is granted.
86.What is localStorage vs sessionStorage vs cookies?
Cookies are small, expiring payload data sent to servers. localStorage securely stores massive local persistent data indefinitely. sessionStorage clears immediately upon closing the tab.
87.What is the Web Workers API?
It allows you to run intensive JavaScript processing logically on separate background threads, guaranteeing the main UI thread never freezes.
88.What is the Drag and Drop API?
By setting draggable="true", it allows rich OS-level interactivity where users can click, hold, and drop elements between distinct zones natively.
89.What is the History API (pushState, replaceState)?
It forms the foundation of SPAs (Single Page Frameworks like React), dynamically changing the URL and inserting browser history states instantly without causing page refreshes.
90.What is the File API?
It exposes secure programmatic access logic to read local user files explicitly handed to the browser via drag/drop or the <input type="file"> element.
91.What is the Notification API?
It enables web pages to broadcast system-level desktop notifications directly to the end-user outside the browser viewport, provided permission is heavily granted.
92.What is the WebSocket API?
Unlike typical HTTP fetch structures, WebSockets construct an ongoing, two-way permanent connection pipe ideal for live real-time chats and game data.
93.What is the Fullscreen API?
It acts as a programmatic bridge enabling developers to command a specific HTML element (like a video player) to consume the user's entire desktop screen dynamically.
94.What is the Clipboard API?
It replaces legacy commands (like execCommand) entirely, securely allowing web apps structured permission to directly read or write to the system global clipboard.
95.What is the Intersection Observer API?
It is an insanely scalable tool tracking when specific elements physically cross into the viewport window, driving lazy-loading and infinite scroll effortlessly.
96.What are Custom Data Attributes and how do they work with JavaScript?
Using data-id="1" stores proprietary contextual states in the DOM. JavaScript securely taps directly into them via mapping them natively through the dataset.id API call.
97.What is the <template> element?
It acts as an invisible vault to hold HTML markup code that will not render on initial load, letting Javascript explicitly clone and instantiate it later.
98.What is the <slot> element and shadow DOM?
Shadow DOM creates an isolated component bubble protecting logic/styles. The <slot> acts strictly as a placeholder, allowing you to inject layout content securely.
99.What is ARIA and what does it stand for?
Accessible Rich Internet Applications. It provides a heavy suite of attributes supplementing native HTML semantic shortcomings, aiding screen readers globally.
100.What are ARIA roles and when should you use them?
Roles define what an element strictly acts as (e.g., role="button"). You only use them to modify complex custom widgets that lack native semantic tags.
101.What is the difference between aria-label, aria-labelledby, and aria-describedby?
aria-label provides a direct invisible string. labelledby points to an existing element's ID for its name. describedby links extended instructions visually present elsewhere.
102.What is the tabindex attribute?
It explicitly controls keyboard tab-flow. A value of 0 makes non-focusable elements focusable. A -1 drastically removes native components from keyboard flow.
103.What is the purpose of the accesskey attribute?
It assigns a custom keyboard shortcut natively (like generating Alt+S) that will instantly jump to or activate that precise anchor or button.
104.How do you make images accessible?
By ensuring all informative images supply descriptive alt="..." text, and applying alt="" securely to decorative visuals so screen readers entirely ignore them.
105.How do you make forms accessible?
Map visible <label for="id"> elements precisely to structural input IDs, wrap groupings securely in <fieldset>, and provide descriptive error statuses utilizing aria-invalid.
106.What is focus management in HTML?
It implies intentionally controlling which active element intercepts keyboard events, especially moving focus automatically into open Modals via JavaScript immediately.
107.What is the role of headings (h1-h6) in accessibility?
Headings draft the structural skeleton tree perfectly. Users with visual impairments routinely leverage shortcuts to jump directly down semantic heading trees.
108.What is a skip navigation link?
It is an invisible structural anchor positioned universally at the top of the body letting screen reader users bypass heavy header menus to skip heavily into main content.
109.What is WCAG and what are its main levels?
The Web Content Accessibility Guidelines. It grades global conformance rigorously into logical thresholds: A (Minimum), AA (Standard legal target), and AAA (Extremely strict).
110.What is the difference between aria-hidden and display:none for screen readers?
aria-hidden effectively cloaks content solely from assistive tech, keeping it visible visually. display:none completely destroys the component rendering for absolutely everyone.
111.What does aria-live do?
It specifically flags dynamically mutating regions. Setting it to polite or assertive abruptly forces screen readers to announce Javascript UI updates immediately aloud.
112.How do you make tables accessible?
Ensure usage of strictly semantic <th> coupled precisely with distinct scope="col" and semantic caption wrappers, preventing structural reader confusion entirely.
113.What is keyboard accessibility and how do you test it?
Keyboard accessibility strictly ensures application functionality without mouse movement. Test realistically by unplugging your mouse and operating strictly using Tab, Enter, and Spaces.
114.What meta tags are important for SEO?
The core SEO pillars are the absolute title, meta description, explicitly matching viewport, responsive canonical references, and heavily targeted specific robots directives.
115.What is the Open Graph protocol?
OG represents highly specialized meta headers enforcing standardized data rules that dictate exactly how your page is illustrated visually when pasted onto Facebook/LinkedIn links.
116.What is the difference between meta robots noindex and nofollow?
noindex rigidly commands Google definitively to drop the page from search results. nofollow forces crawlers not to inherently pass page authority across provided anchor links.
117.What is canonical URL and how do you set it in HTML?
It fundamentally resolves massive duplicate content chaos. A <link rel="canonical"> forcibly flags one master URL that Google should prioritize caching.
118.How does the heading hierarchy affect SEO?
Google structurally maps search relevance off clear <h1-6> flows. Skipping logic drastically diminishes crawling AI’s understanding of strict topical component architectures.
119.What is structured data / Schema.org markup?
Structured markup utilizes tight JSON-LD to natively feed search algorithms heavily classified metadata details enabling powerful rich snippet displays directly within Google Results.
120.What is the hreflang attribute?
It operates strictly on multi-language platforms explicitly telling algorithms what granular geo-region or dialect a specific layout branch serves automatically.
121.What is the difference between <link rel='preload'> and <link rel='prefetch'>?
preload acts forcefully dictating the browser download high-priority assets required instantly. prefetch idly downloads future background assets required specifically for next layouts.
122.What does <link rel='dns-prefetch'> do?
It tells the browser explicitly to quickly resolve cross-origin domain IPs in the idle background, brutally stripping massive latency connections on third party script execution later.
123.What is the viewport meta tag?
It represents an incredibly structural command scaling the interface instantly matching specific device width bounds natively. Eliminating it forcibly triggers zoomed-out legacy mobile viewports.
124.What is the description meta tag and its optimal length?
It powers the structural snippet description summary text presented underneath Google Search titles. Optimum impact explicitly rests universally bounding between 150-160 logical characters.
125.How do Twitter Cards work in HTML?
They operate structurally identical to Open Graph tags, heavily appending specific <meta name="twitter:card"> variables forcing distinct rich layout visuals immediately inside Twitter flows.
126.What is the difference between sitemap.xml and robots.txt?
robots.txt generates rigid access barriers blocking structural bot execution. sitemap.xml constructs the exact structural dictionary blueprint of accessible links bots must scan efficiently.
127.What is the significance of page title length for SEO?
A structural title bounds directly at exactly 60 characters limits universally. Excessively spilling characters strictly forces Google to brutalize/truncate meaning natively via ellipses trailing.
128.What is a web manifest file?
It executes specifically as a structural JSON payload allowing Android/Chrome to automatically spawn "Add to Homescreen" install processes turning simple sites into Progressive Web Apps (PWA).
129.What is the defer vs async attribute on <script> tags?
async natively downloads simultaneously, immediately interrupting parsing to run on completion. defer downloads simultaneously entirely, executing cleanly only after massive un-interrupted document construction completes.
130.Where should you place <script> tags in HTML and why?
Modernly inside the immediate <head> natively leveraging the powerful defer tag. Historically, placed squarely before </body> to thoroughly bypass fatal render-blocking delays fundamentally.
131.What is resource preloading in HTML?
Using explicitly structured <link rel="preload"> rigidly directs browsers caching extremely heavy hero assets (huge fonts natively) exceptionally early within the rendering waterfall loop instantly.
132.What is the difference between <link rel='stylesheet'> and inline styles for performance?
External linked structural stylesheets fundamentally enable critical browser caching. Inline styles completely bypass fetching but drastically inflate static structural HTML bundle sizing irreversibly.
133.What is critical rendering path?
It calculates the explicit sequential steps (HTML → DOM → CSSOM → Render Tree → Layout → Paint) the massive browser rendering pipeline must traverse to visualize a web endpoint.
134.What is the loading='lazy' attribute?
It inherently postpones massive structural image fetch operations completely mapping solely to endpoints currently visible intersecting visually into the immediate viewport natively.
135.What is the fetchpriority attribute?
An incredibly modern tag (fetchpriority="high") directly alerting structural algorithms heavily adjusting the sequence queue precisely overriding internal native asset fetch priorities seamlessly.
136.What is HTTP/2 server push and how does it relate to HTML?
A legacy pipeline allowing aggressive system servers inherently blasting associated JS/CSS directly parallel to the immediate HTML payload response, massively shifting historic waterfall barriers universally.
137.What is the difference between render-blocking and non-blocking resources?
Render-blocking essentially halts visual UI pipelines completely (standard CSS). Non-blocking loads universally asynchronously allowing structural UI to present natively without awaiting complex asset fetching.
138.How does DNS prefetch improve performance?
dns-prefetch incredibly pre-resolves mapping DNS translations quietly. This inherently removes monumental network latency milliseconds specifically mapped preceding connections universally launching later downstream.
139.What is the difference between HTML, XHTML, and XML?
HTML represents heavily fault-tolerant structural markup. XHTML is essentially incredibly restricted strict HTML operating entirely underneath rigid XML parsing barriers requiring rigorous closing constraints universally.
140.What are Web Components?
They define completely encapsulated structural custom tags natively executed via framework-agnostic APIs incorporating Shadow DOM, custom element class logic natively supported unconditionally.
141.What is the Shadow DOM?
An inherently protected isolated structural micro-DOM node scope fundamentally preventing any external global CSS logic or Javascript completely altering massive structural inner shadow roots natively.
142.What is the difference between innerHTML, innerText, and textContent?
innerHTML parses string endpoints natively rendering HTML blocks. innerText evaluates deeply rendering what natively paints visually. textContent returns highly raw textual mapping omitting stylistic logic identically.
143.What is the contenteditable attribute?
It inherently modifies the structural DOM tag transforming any specific element explicitly into a fully operating textual editor entirely accessible universally by global layout logic dynamically.
144.What is the spellcheck attribute?
Appending spellcheck="true" natively integrates fundamental deep OS/browser-level checking instantly detecting incorrect vocabulary patterns within text inputs natively and fundamentally structurally universally.
145.What is the difference between a cookie and a session?
Cookies actively store payloads completely executing explicitly on client scopes tracking inherently across endpoints. Sessions inherently operate tracking heavily scoped data executed specifically server-side securely.
146.What is the draggable attribute?
Setting draggable="true" entirely dictates specifically an inherently powerful structural capacity permitting OS-native programmatic Javascript capturing logic strictly evaluating moving interactions structurally dynamically.
147.What is the hidden attribute in HTML?
It natively enforces complete visual rendering hiding via inherent semantic mapping explicitly triggering browsers identically performing display: none intrinsically stripping content utterly.
148.What is the noscript element?
It executes specifically presenting fallback structural UI endpoints completely when environments structurally ban Javascript interpreting universally rendering massive layout barriers exceptionally transparently.
149.What is the difference between progressive enhancement and graceful degradation?
Enhancement essentially launches basic structures first adding complex structural layers later. Degradation intentionally launches complicated layouts inherently inserting legacy-compatible mappings exclusively evaluating breakpoints universally.
150.What is the difference between HTTP and HTTPS and how does it affect HTML?
HTTPS essentially incorporates deep encrypted layers entirely. Operating rigidly it brutally prevents complex endpoints executing powerful APIs perfectly tracking completely securely natively inside HTML constraints.
151.What is Cross-Site Scripting (XSS) and how can HTML contribute to it?
A severe structural attack bypassing internal constraints explicitly executing injected raw scripts severely utilizing un-sanitized layout DOM APIs inherently breaching entirely global site payloads unconditionally.
152.What is Content Security Policy (CSP)?
An incredibly severe header constraint completely restricting specifically where browsers definitively authorize structural payload/script endpoints entirely destroying typical unauthorized external fetch chains simultaneously.
153.What is the purpose of the <script type='module'>?
It fundamentally empowers ES6 structured import mappings entirely avoiding polluting massive global namespaces while executing entirely unconditionally operating deferred inherently naturally identically.
154.What are importmaps in HTML?
A deeply modern script implementation specifically allowing global script import resolution cleanly routing URL pathways uniformly handling massive dependency aliases elegantly seamlessly via JSON definitions inside HTML directly.
155.What is the difference between a hard reload and a soft reload?
Soft reloads inherently process validating deeply cached structures instantly checking headers efficiently. Hard reloads explicitly wipe associated network asset states fiercely downloading strictly un-cached endpoints entirely natively.
156.What is a polyfill in HTML/JS context?
A custom structural JS patch script inherently supplementing features structurally lacking completely inside outdated environments matching natively advanced capabilities unconditionally natively replicating functionality perfectly.
157.What are custom elements in HTML?
Utilizing customElements.define() developers completely mint exclusively bespoke standalone semantic HTML DOM tags mapping massive distinct shadow structural execution directly inherently securely completely logically internally.
158.What is the difference between server-side rendering and client-side rendering in HTML context?
SSR absolutely outputs completely populated HTML text unconditionally via servers immediately benefiting massive SEO completely. CSR aggressively delivers an utterly blank block constructing layout exclusively dynamically heavily utilizing APIs entirely clientside.