¿Cuál es la diferencia entre <div class="">
y <div id="">
cuando se trata de CSS? ¿Está bien utilizar <div id="">
?
Veo que diferentes desarrolladores lo hacen de ambas maneras, y como soy autodidacta, nunca me he dado cuenta.
Un id debe ser único en toda la página.
Una clase puede aplicarse a muchos elementos.
A veces, es una buena idea usar ids.
En una página, se suele tener un pie de página, una cabecera...
Entonces el pie de página puede estar en un div con un id
y seguir teniendo una clase
Las identificaciones son únicas. Las clases no lo son. Los elementos también pueden tener múltiples clases. Además, las clases pueden añadirse y eliminarse dinámicamente de un elemento.
En cualquier lugar donde se pueda usar un ID se puede usar una clase en su lugar. Lo contrario no es cierto.
La convención parece ser usar IDs para los elementos de la página que están en todas las páginas (como "navbar" o "menú") y clases para todo lo demás, pero esto es sólo una convención y usted' encontrará una amplia variación en el uso.
Otra diferencia es que para los elementos de entrada de formularios, el elemento <label>
hace referencia a un campo por su ID, por lo que es necesario utilizar IDs si se va a utilizar <label>
.
En años pasados también se preferían los ID porque eran fácilmente accesibles en Javascript (getElementById). Con la llegada de jQuery y otros frameworks de Javascript esto ya no es un problema.
La clase es para aplicar su estilo a un grupo de elementos. Los estilos ID se aplican sólo al elemento con ese ID (sólo debería haber uno). Normalmente se utilizan clases, pero si se trata de un elemento único se pueden utilizar IDs (o simplemente pegar el estilo directamente en el elemento).