HTML 60 min
HTML Element Reference
Find common elements and when to use them.
An element reference is most useful when it helps you choose, not merely memorize. Start from the content’s role, identify the smallest native element that matches it, check its permitted children and required attributes, and test the resulting relationship in context.
Choose elements by content category
Document elements define the page frame; sectioning and landmark elements organize regions; heading and phrasing elements structure text; embedded elements add media; table elements express data; form elements collect input; interactive elements disclose or trigger behavior.
<!-- Document --> html, head, title, meta, link, body
<!-- Landmarks --> header, nav, main, aside, footer
<!-- Sections --> article, section, h1–h6
<!-- Text --> p, a, strong, em, code, blockquote
<!-- Groups --> ul, ol, li, dl, dt, dd, figure
<!-- Media --> img, picture, audio, video, track
<!-- Data --> table, caption, thead, tbody, tr, th, td
<!-- Forms --> form, label, input, select, textarea, button
<!-- Disclosure --> details, summary- Start from the content role.
- Prefer native semantics and behavior.
- Check permitted parent and child relationships.
- Review required and accessibility-critical attributes.
- Test the element inside the real page context.
