Use section for thematic grouping within a page. Use article for independent, reusable content units like blog posts, comments, or cards.
If content can stand on its own, article is often a better fit.
HTML Interview Questions
Filter by topic:
A single clear
h1gives strong document context to users and search engines.Subsections should use logical heading order (
h2,h3, ...), not skipped levels.Question 18
What is lazy loading for images?
Lazy loading postpones offscreen image loading until needed.
Native HTML:
This reduces initial bandwidth and can improve page speed.
Question 19
What is the purpose of `noscript`?
noscriptprovides fallback content for users with JavaScript disabled.It is useful for critical messaging, analytics fallback notices, or static alternatives.
Structured data formats help search engines interpret entities (FAQ, Organization, Product, Breadcrumbs).
Today, JSON-LD is generally preferred because it is easier to maintain and less invasive than inline attributes.
emindicates emphasis;strongindicates strong importance.Both affect semantics, not just visual style. Their default visual appearance can be changed with CSS.
Progressive enhancement starts with a functional baseline (HTML), then layers CSS and JavaScript features on top.
This ensures core experiences still work in constrained environments.
Question 23
Why avoid using `div` for everything?
Overusing
divremoves semantic meaning and harms accessibility and maintainability.Using purpose-specific elements gives better default behavior and clearer structure.
Landmarks like
header,nav,main,aside, andfooterallow assistive technologies to jump quickly across page regions.This improves navigation speed for keyboard and screen-reader users.
<html lang="en">tells browsers and assistive tools the document language.It improves pronunciation, translation quality, and accessibility compliance.
mainrepresents the primary content region of a page and should usually appear once.sectiongroups related content within that page.Using
thwith correct scope helps screen readers map each data cell to its header, making large data tables understandable.It explicitly tells assistive technology whether a header applies to a column or row, improving table navigation and comprehension.
fieldsetgroups related form controls, andlegendprovides the group label. This improves form semantics and accessibility.Question 30
When should you use `datalist`?
Use
datalistfor optional suggestions while still allowing free input. It is useful for soft autocomplete cases.