Semantische HTML
# Is it a meaningful area of the page?
Use an HTML5 block element like <header> or <footer>.
# Does it label the start of a new section?
Use a heading (with the right level) like <h2> or <h3>
# Does it navigate to a new page?
Use an <a href="/page">
# Does it trigger JS behaviour?
Use a <button>
# Does it allow user input?
Use a <form> containing <input>s (with <label>s!)
# Is it just for applying some layout/styles?
Use something like <div class="grid"> or <span class="big-text">
Patrick Delaney