O Fim das Caixas Misteriosas (<div>)

Imagine que você vai fazer uma mudança de casa. Você guarda tudo em caixas de papelão e escreve 'Coisas' em todas elas. Quando chegar na casa nova, como você vai saber onde estão os pratos e onde estão os sapatos? No HTML antigo, os programadores faziam isso: usavam a tag genérica `<div>` para embrulhar tudo. O navegador não sabia o que era um menu, o que era um texto ou o que era o rodapé. Com o HTML5, ganhamos as Etiquetas de Mudança (Tags Semânticas). Elas funcionam como as `<div>`, mas já vêm com o nome do cômodo escrito nelas!