Class e ID: Qual a Diferença Concreta Entre Ambos?
Uma coisa que me incomodou nestes dias foi a falta de clareza de alguns professores em dizer a diferença entre classes e ID (sobretudo no uso de HTML). Para mim, dizer que classes podem ser usadas mais de uma vez e que IDs não, é muito vago! Então, vamos direto ao ponto e definir as diferenças?
IDs São Únicos!
IDs só podem ser usados uma vez dentro de uma página HTML, no sentido de que eles só devem aparecer SOMENTE UMA VEZ numa tag (que é chamada de elemento). Além disso, cada elemento só deve ter um ID. Por exemplo, se eu quiser inserir um ID nomeado de "meu-nome" numa <div>, não poderei mencionar este ID com este nome em nenhum outro elemento. Para resumir:
- Cada elemento pode ter apenas um ID;
- Cada página pode ter apenas um elemento com aquele ID.
Classes NÃO São Únicas!
Cada elemento (tag) pode receber mais de uma classe e estas mesmas classes podem ser usadas várias vezes dentro da mesma página HTML. Pegando o mesmo exemplo citado acima, eu poderia criar uma "class='meu-nome'" dentro de uma <div> e usar este mesmo elemento em outros locais da página ou usar o mesmo nome "meu-nome" em outra tag ou ainda acrescentar outra classe dentro do mesmo elemento logo após "meu-nome". Em resumo:
- Você pode usar a mesma classe para vários elementos;
- Você pode usar várias classes para um mesmo elemento.
Portanto, de forma simples, caso queira particularizar o uso de determinada tag, irei usar um ID. Quando precisar usar mais de um elemento numa página HTML, usarei classes.
Sintam-se à vontade para discordar, acrescentar informações ou corrigir este artigo. Espero ter ajudado!
Fonte: Diferenças entre IDs e Classes | desenvolvimento para web
