Como já disse antes, o HTML5 introduziu várias tags novas e abaixo listarei algumas: Define um artigo em um documento. Define um conteúdo, a parte, do conteúdo da página. Define um texto que pode ser formatado em diferentes direções.
O HTML semântico é a forma de deixar o site com suas informações bem explicadas e compreensíveis para o computador, ajudando até mesmo em sua busca no Google e facilitando o entendimento de leitores de acessibilidade.
O elemento HTML de Rodapé () representa um rodapé para o seu sectioning content (conteúdo de seção) mais próximo ou sectioning root elemento (ou seja, seu parente mais próximo , , , , , , , , ,
O rodapé de site é uma pequena área na parte inferior do seu website....Que tipo de conteúdo pertence ao rodapé do seu site?
O Elemento HTML de Navegação ( ) representa uma seção de uma página que aponta para outras páginas ou para outras áreas da página, ou seja, uma seção com links de navegação.
Resumo. O Elemento HTML Article () representa uma composição independente em um documento, página, aplicação, ou site, ou que é destinado a ser distribuido de forma independente ou reutilizável, por exemplo, em sindicação.
Aplicando o elemento NAV Você pode utilizar o elemento nav em qualquer lugar do seu site. Dentro do elemento header , footer , section , etc. Caso você tenha em seu site uma sidebar com uma lista de links para outros sites esses não precisão ser marcados com o elemento nav .
Notas de uso
A tag representaria seções de documentos. Já a tag div é utilizada para fins de estilos. Resumindo: para fins de deixar o layout "bonito" e não haver nenhuma semântica por trás, utilize div. Se for representar uma área do seu site, utilize section :).
Como utilizar a HTML Div: A tag Atributos da Div HTML. Alterando a cor de Fundo/Background da HTML Div. ID e Classe....O Elemento HTML Div costuma ter entre seus principais atributos:
As Folhas de estilo em cascata (CSS) fornecem uma forma flexível de adicionar estilo às páginas do seu site. Este conjunto de regras de formatação controla a aparência das suas páginas, e permite definir as fontes, cores, layout e outros recursos de apresentação.
O CSS, ou folha de estilo em cascata, nada mais é que uma linguagem que permite estilizar os elementos HTML de nossas páginas. Praticamente todos os elementos visuais da nossa página são editados através do CSS. Com ele podemos manipular, posições, cores, fontes, e muitos outros recursos.
Como adicionar o CSS interno à página HTML
Google HTML/CSS Style Guide....Estilo de comentário deve ser simples e consistente dentro de uma única base de código.
Passos