Semantic HTML Pocket Cards
Recall common semantic HTML choices for regions, headings, controls, and generic wrappers.
flashcard-deck comparison battlecard Region recall When should a page use ? Think unique page content. Use once for the content unique to that page. Do not wrap repeated site header, nav, or footer content inside main. Action vs destination Button or anchor? Style either one as a CTA, but choose the element by behavior. Common review objection It looks the same as a div, so why change it? A visual block is acting as a navigation region or action control. Review line The visual can stay the same; the element change tells the browser and assistive tech what this block…
Sign up free — one personalized lesson every day, matched to your role and goals.
Already have an account? Sign in