Olá a todos e bem-vindos de volta. Nesta aula, vamos analisar como estruturar seu documento HTML e, consequentemente, seu site. No HTML, vários elementos podem ser agrupados ou aninhados dentro de outros. Fazemos isso para direcionar um grupo inteiro de elementos em CSS ou JS, acessibilidade semântica e para fornecer uma boa estrutura geral ao seu arquivo HTML. Portanto, vamos falar sobre as áreas/layout de um site típico; semântico e não semântico. Por exemplo, o cabeçalho está localizado na parte superior da página e contém o título e o logotipo/marca. O elemento de navegação conterá botões e links. O conteúdo principal contém o conteúdo mais exclusivo ou recente da página da web. O rodapé pode conter direitos autorais e letras miúdas. Detalhes de contato também podem ser incluídos aqui. Também discutiremos alguns outros elementos como artigo, seção, aside, formulário, div, span, hr, br.