Frontend Engineering

HTML & Semantics

6 practice questions. Free questions open a full answer guide; the rest unlock with Pro.

  • How do you decide which HTML element to use for an interactive control, and why does that choice matter beyond styling? Mid level
  • When you review a frontend pull request that wraps every block of the page in nested <div>s, what concrete problems does that cause, and how do you decide which semantic HTML elements should replace them?Go Pro Senior level
  • Why does it matter to use semantic HTML elements instead of styling generic <div>s and <span>s for everything?Go Pro Junior level
  • A teammate uses <section> elements throughout a page expecting screen readers to announce each as a navigable region, but a screen-reader user reports the page has almost no landmarks. Walk me through why, and how you'd fix it.Go Pro Senior level
  • What's the difference between the <article>, <section>, and <div> elements, and how do you decide which to use?Go Pro Junior level
  • When would you reach for the native <dialog> element versus the popover attribute, and what does each give you for free?Go Pro Mid level
Want questions matched to your role? Paste a job title, job description, or CV for a personalized set, or go Pro to unlock the full bank.