Pick elements for meaning, not looks — landmarks, headings, forms, media, and how semantics feed a11y and SEO.

beginner

HTML Document Structure explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

beginner

Headings and Document Outline explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

beginner

Landmark Elements explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

beginner

Links vs Buttons explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

beginner

Forms Labels and Inputs explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

beginner

Input Types for Mobile Keyboards explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

beginner

Form Validation Attributes explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

beginner

Autocomplete and Name Attributes explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

intermediate

fieldset and legend explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

beginner

Tables for Tabular Data explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

beginner

Images alt and Decorative explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

beginner

picture and srcset explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

intermediate

Audio and Video Elements explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

intermediate

iframe Sandbox and Security explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

advanced

meta Tags for SEO Basics explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

beginner

Open Graph Tags explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

intermediate

Semantic article section aside explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

beginner

time Element and Datetime explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

beginner

details and summary explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

beginner

dialog Element explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

intermediate

template Element explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

intermediate

data Attributes explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

beginner

contenteditable Basics explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

advanced

Accessibility Tree Overview explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

intermediate

lang Attribute and i18n HTML explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

beginner

Base Element and Relative URLs explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

intermediate

noscript Fallbacks explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

beginner

Preload Prefetch in HTML explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

intermediate

Favicon and App Icons explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

beginner

HTML Entities and Encoding explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

beginner