HTML Interview Q/A — Placement Ready
Q: What is HTML?
A: HTML (HyperText Markup Language) is the standard markup language used to create and
structure content on the web.
Q: What is a DOCTYPE?
A: `<!DOCTYPE html>` tells the browser to render the page in standards mode (HTML5).
Q: Difference between block and inline elements?
A: Block elements (div, p) start on a new line and span full width. Inline (span, a) stay within
line.
Q: What is semantic HTML?
A: Semantic tags (header, nav, article) describe meaning and improve SEO & accessibility.
Q: Required HTML5 structure?
A: <!DOCTYPE html><html><head><meta
charset='utf-8'><title>...</title></head><body>...</body></html>
Q: Difference between GET and POST?
A: GET appends data in URL (small, cached). POST sends data in body (larger, secure).
Q: Common input types in HTML5?
A: email, number, range, date, color, search, file, checkbox, radio.
Q: How to open link in new tab?
A: <a href='url' target='_blank' rel='noopener noreferrer'>Link</a>
Q: Responsive images?
A: Use srcset/sizes or <picture> for art direction.
Q: Semantic tags examples?
A: header, footer, nav, main, section, article, aside.
Q: What is ARIA?
A: Accessible Rich Internet Applications — attributes like role, aria-label for accessibility.
Q: What is data-* attribute?
A: Custom attributes to store data, accessible in JS via dataset.
Q: What is contenteditable?
A: Makes element content editable by user.
Q: What is lazy loading?
A: Use loading='lazy' on img/iframe for performance.
Q: What helps SEO?
A: title, meta description, headings, canonical link, semantic HTML.
Q: Difference between <b>/<strong>?
A: <strong>/<em> are semantic importance. <b>/<i> are presentational.
