Quando usar class ou id?
10/04/2017
0
Queria saber uma coisa, quando devo usar class ou id no html para depois usar esse identificador no css e no javascript.
Isso tem um padrão a ser seguido ou é uma preferência de quem está construindo o html?
Alessandro Gomes
Post mais votado
10/04/2017
O id/name são muito importantes pra troca de dados ou localizar itens, pois são identificadores unicos. (forms/validações)
Ja class é mais amplo. Pode se referir a uma coleção de itens ou um tipo de item. (bootstrap, jquery ui)
Raylan Zibel
Mais Posts
10/04/2017
Yuri Abel
eu utilizo os dois, porem direciono o class para trabalhar com css, e o id para trabalho no javascript.
mas isso é minha maneira de programar, se procurar procurar provavelmente irá achar um explicação técnica elaborada,
espero ter ajudado!!
11/05/2017
Larissa Aguiar
12/05/2017
Alessandro Gomes
Por exemplo. O id seria melhor para quando se quisesse usar a manipulação com jquery, class seria para estilização, etc.
Sua resposta e dos demais colegas me ajudaram!
Obrigado!
15/05/2017
Raphael Alves
A velocidade de busca do browser em relação ao ID e a Class é praticamente a mesma e não faz diferença no carregamento da página, porém com a class você tem a vantagem de poder repetir, por isso eu prefiro sempre usar classes e deixa os ID's apenas para JS e âncoras. Vou tentar acrescentar uma coisa nova na explicação usando o exemplo abaixo:
<div id="container">
<a class="social-link">link 1</a>
<a class="social-link">link 2</a>
<a class="social-link">link 3</a>
</div>
Neste casso, se fizermos um seletor para <a class="social-link">, além do fato já conhecido da possibilidade de repetição de código, o navegador acha o nosso seletor chave de maneira muito mais lenta se for escrito dessa forma:
#container a {
display: block
Pois o navegador analisaria TODAS as tags <a> do seu código e depois pegaria somente as que fazem match com o ID #container
Seria muito mais rápido para o navegador escrever dessa forma:
.social-link {
display: block
Dessa forma ele vai direto na tag <a> que tem a class .social-link, melhorando a perfomance da sua página. Esse é um bo exemplo de quando usar class.
Abraaço.
16/05/2017
Tiago Dias
confesso que utilizava mais de um id no meu HTML.. mas em tese qual é o problema? Gera algum tipo de punição para o site?
17/05/2017
Raphael Alves
Cara, eu não sei se você recebe alguma punição, mas isso pode prejudicar sua página com os mecanismos de busca, ele funciona, mas não é um código válido. De cara o problema que eu sei que irá ocorrer é: caso você use JavaScript para selecionar o id, ele vai pegar apenas o primeiro id e irá ignorar os outros.
Abraaço.
Clique aqui para fazer login e interagir na Comunidade :)