Classes e ID's

Para possibilitar uma organização melhor da página e da seleção de elementos por CSS, podemos utilizar classes e/ou id’s para identificar tags.

Uma id, como o nome diz, é uma identificação única: só pode ser utilizada uma vez no documento inteiro. Normalmente é utilizada para identificar elementos estruturais da página.

Uma classe é reutilizável: pode se repetir na página e também combinar-se com outras (podemos pôr mais de uma classe em um elemento).

É perfeitamente possível fazer um site apenas com id’s, apenas com classes, com uma combinação das duas, ou sem nenhuma das duas. Tudo irá depender do seu estilo de fazer o código das páginas. O importante é definir um padrão e segui-lo.

Por exemplo,  um site com três blocos de conteúdo que aparecem em todas as páginas do site:

<div>

    Aqui vai o cabeçalho do site

</div>

<div>

    Aqui vai o conteúdo do site

</div>

<div>

    Aqui vai o rodapé do site

</div>

Como estes elementos sempre aparecem nas páginas e aparecem apenas uma vez em cada página, podemos utilizar uma id para cada um, através do atributo id, da seguinte forma:

<div id="cabecalho">

    Aqui vai o cabeçalho do site

</div>

<div id="conteudo">

    Aqui vai o conteúdo do site

</div>

<div id="rodape">

    Aqui vai o rodapé do site

</div>

fonte: http://guilhermemuller.com.br/pt