Going deep with HTML

Welcome to Going deep with HTML. It assumes you have finished An introduction to HTML and Going further with HTML. You should be comfortable with semantic structure, forms, landmarks, progressive enhancement, and the idea that markup is a contract with browsers, assistive tech, and search engines.

The intermediate tutorials taught you how to write maintainable pages. These tutorials go into the parts of HTML that bite professionals: ARIA when native elements are not enough, rich widgets that still work with a keyboard, markup choices that affect performance and security, and the platform APIs (Web Components, Shadow DOM) that sit underneath modern front-end work.

We also spend time on things you cannot see in DevTools at a glance: how the parser builds the DOM, how to read the WHATWG spec without drowning, and how design systems turn HTML into shared contracts across a team. CSS handles appearance; these tutorials are about structure, behaviour hooks, and boundaries.

You do not need React, Vue, or any framework for these tutorials. Plain HTML files, a browser, and your editor are enough. JavaScript appears where a pattern genuinely needs it (tabs, dialogs, custom elements), but the focus stays on HTML and the platform, not a library’s component model.

Where the intermediate series already explained something clearly, we link back rather than repeat it. Those links appear only when they earn their place. If landmarks, form labels, or structured data basics feel rusty, revisit those lessons first.

These tutorials end with a mini project: accessible page templates that could sit in a design system – a landing page, a documentation page, and a settings form built from the same HTML contracts. By then you should be able to audit markup, argue sensibly about ARIA, and read spec notes when behaviour surprises you.

Work through the tutorials in order when you can. Each one builds on the last. This is not a race – some topics (parsing quirks, spec literacy) reward slow reading and experimentation.