terça-feira, 24 de janeiro de 2017

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>

Sem comentários:

Enviar um comentário