Semantic HTML Cheat Sheet
Page landmarks, headings, links, buttons, forms, tables and disclosure components.
Action
<button type="button">Run</button>Navigation
<a href="/tools/">Tools</a>Label
<label for="sku">SKU</label>Landmark
<main>...</main>Table header
<th scope="col">Qty</th>Disclosure
<details><summary>More</summary>...</details>Use the pattern, then verify the result
Cheat sheets are reminders, not substitutes for checking keys, data types, duplicates and edge cases. Follow the linked learning material when a pattern is new to you.