Diferenças entre IDs e Classes

Geralmente quando começamos a dar ínicio ao desenvolvimento web, é muito comum haver confusões entre IDs e Classes, necessários no CSS e Javascript. Inserimos sempre IDs e Classes dentro das tags HTML.

ID: <div id="nomeid"></div>

IDs são únicos

• Cada elemento pode ter apenas um ID
• Cada página pode ter apenas um elemento com aquele ID. Só podemos repetir se for em outro documento HTML

Classes: <div class="nomeclass"></div>

Classes não são únicas

• Você pode usar a mesma classe para vários elementos;
• Você pode usar várias classes para um mesmo elemento. Pode repetir dentro do mesmo documento HTML

Obs: nomeid e nomeclass, são somente exemplos, pois os nomes pode ser qualquer um, exceto nome de tags, atributos e funções.

Dentro das tags podemos implementar ids e classes. Ás vezes é melhor usar dessa maneira.

Ex: <p id="texto" class="ordem">

Caso você não precise de utilizar seu id ou classe dentro da tag, não insira. Somente se você utilizar no seu CSS ou Javascript.

Então galera, está ai mais uma dica de como usar ids e classes dentro do seu HTML. Qualquer dúvida deixem seu comentário. Abraços e até o próximo post.