Devido à falta de estrutura, até boas páginas HTML são difíceis de lidar. O nível do título deve ser analisado para ver como cada parte é dividida. A barra lateral, rodapé, cabeçalho, barra de navegação, área de conteúdo principal e artigos são representados por elementos comuns de div. HTML 5 adiciona novos elementos para identificar estas estruturas comuns:
・ Seção: Este pode ser um capítulo ou seção no livro, e na verdade pode ser qualquer coisa com seu próprio título no HTML 4
・ Cabeçalho: o cabeçalho exibido na página; é diferente do elemento da cabeça
・ Footeiro: rodapé; pode exibir assinaturas em e -mails
・ Nav: um conjunto de links para outras páginas
・ Artigo: um artigo em blog, revista, compilação de artigos, etc.
Vamos considerar uma página inicial típica do blog, que tem um cabeçalho na parte superior e um rodapé na parte inferior, além de vários artigos, uma área de navegação e uma barra lateral, consulte o Código 1 da página típica do blog
Código de exemplo [www.cuoxin.com]