Antes de pensar em começar a escrever qualquer linha de código é necessário analisar e definir as principais áreas da página que será feita. Para isso é importante ter em mente que o HTML é exibido no navegador de acordo com a ordem de leitura do idioma da página. Por exemplo, ao lermos qualquer texto em português, começamos a ler de cima para baixo, atacando cada linha da esquerda para direita. Funciona igual para os navegadores, lembrando que existem elementos que são renderizados em bloco, ou seja, ocupam toda a largura da página, e elementos renderizados em linha, que ocupam somente o espaço do seu conteúdo.
Antes do HTML5 seria normal definirmos as seções do nosso layout por meio de várias <div>
representando o rodapé ou a parte de conteúdo da nossa página. Porém, com o HTML5, podemos utilizar algumas tags próprias, separando assim nossa página em <header>
, <section>
e <footer>
.