⇓ SYLVIO ALBERTO ⇓ Layout de um Website | Escopo




Layout de um site

          As páginas da web podem ser e são muito diferentes umas das outras, 
          mas todas tendem a compartilhar componentes padrão semelhantes.

          Cabeçalho (header)
          Barra de navegação (Nav Bar)
          Conteúdo principal
          Barra lateral (sidebar) ou se preferir inferior
          Rodapé (footer)


Seções | Tags

            
          Existem paginas agrupadas por colunas, algumas mais complexas, depende muito do conceito daquele site. 
          Com o CSS certo, nós podemos usar todos os elementos para agrupar seções e fazer com que seu site fique 
          a sua maneira, mas não podemos abrir mão de respeitar a semântica e usar o elemento certo para o trabalho 
          certo no seu layout.

          Cabeçalho: (header)
          Barra de navegação: (nav)
          Conteúdo principal: (main) 

          Várias subseções de conteúdo representadas por:
          "article", "section", e elementos "div"

          Rodapé: "footer"


Declarando por Link

 
          O link faz a conexão relacionando o documento atual ao qual o usuario está no momento, 
          direcionando para um recurso externo ao receptor da ação, 
          como um "click" em um botão por exemplo, que redireciona o usuario para outra pagina do site.

          EXEMPLO:
          "href"
          Esse atributo especifica a URL do recurso vinculado. 
          Uma URL pode ser absolute or relative.
        


Observações Importantes

 
Versões anteriores ao HTML 5:
-HTML 2 define os atributos href, methods, rel, rev, title, e urn para o elemento "link". 
O methods e urn foram atributos posteriormente removidos das especificações.

-HTML 3.2 define apenas os atributos href, rel, rev, e title para o elemento link.

-Uma tag "link" pode ocorrer apenas no elemento head; 
No entanto, pode haver várias ocorrências de "link". 

Simplicidade é o que há de mais sofisticado

 
        HTML é o bloco de construção mais básico da web por isso encanta, é de excelente manipulação, 
        e define bem o significado e a estrutura do conteúdo da pagina. Alem de ser extremamente flexivel, 
        é maleavela e se acopla facilmente com outras tecnologias, tecnologias que geralmente são usadas 
        para descrever a aparência/apresentação (como o CSS) ou para dar funcionalidade/comportamento 
        (como o JavaScript) por exemplo.