De volta ao básico: como codificar um modelo HTML5

O markup é uma coisa linda e certamente mudou ao longo dos anos. O que foi efetivamente o HTML1, certamente progrediu para uma incrível linguagem de marcação semântica, à qual podemos agradecer em grande parte ao W3C. E, o que você sabe, a próxima coisa a agradecer-lhes surgiu - HTML5.

Ao contrário da versão anterior do HTML, em que o código era basicamente uma estrutura limitada que era determinada pela forma como você utilizava os elementos class e ID, o html5 realmente tenta fornecer muito mais estrutura.

Todo o layout pode ser criado com tags e elementos semânticos que determinam como você deve estruturar e, sem dúvida, mais importante, que ajudam a estruturar cada página. Isso produz código que é muito mais limpo e legível do que nas versões anteriores do HTML, e realmente é algo bastante surpreendente. As novas tags realmente exigem que você pense em como você está estruturando sua página, o que, para ser sincero, no final é uma grande coisa para nós, designers da Web e desenvolvedores.

Antes de entender a estrutura do HTML5 e como criar e codificar um modelo de exemplo a ser usado em seus projetos, você deve estar ciente de como ele surgiu. No entanto, esteja ciente de que a versão atual do HTML5 não atingiu uma versão que o W3C possa chamar de final ainda, mas é muito para aprender e começar a usar em seu código agora. Aqui está o que o W3C tem a dizer sobre este assunto:

Mas não deixe isso te assustar. Há sempre pessoas lá fora, constantemente, certificando-se de que não é alterado por debaixo de todos nós. Então você certamente estará ciente de que uma mudança tão drástica realmente acontecerá. De volta ao tópico, uma das principais questões que as pessoas têm sobre o HTML5 é "