clase es la clase que establece la etiqueta.
id es el identificador de la etiqueta establecida.
El atributo de clase se utiliza para especificar a qué clase de estilo pertenece el elemento.
Por ejemplo, se puede agregar una hoja de estilo:
.baobao {color: lima; fondo: #ff80c0}
Uso: clase="baobao"
El atributo id se utiliza para definir un estilo único para un elemento. Como una regla CSS:
#binbin {tamaño de fuente: más grande}
Uso: id="binbin"
ID es una etiqueta que se utiliza para distinguir diferentes estructuras y contenidos, al igual que su nombre. Si hay dos personas con el mismo nombre en una habitación, se producirá confusión;
La clase es un estilo que se puede aplicar a cualquier estructura y contenido, como una prenda de vestir;
Conceptualmente hablando, son diferentes: id encuentra la estructura/contenido primero y luego define un estilo para ella; la clase define un estilo primero y luego lo aplica a múltiples estructuras/contenido.
Una clase se utiliza para definir uno o más elementos según criterios definidos por el usuario. Una analogía más apropiada es un script: una clase puede definir la trama de cada personaje en el script. Puede usar esta clase a través de CSS, javascript, etc. Por lo tanto, puedes usar class="Frodo", class="Gandalf", class="Aragorn" en una página para distinguir diferentes líneas argumentales. Otro punto muy importante es que puedes usar Class tantas veces como quieras en un documento.
En cuanto a ID, generalmente se usa para definir una marca que aparece solo una vez en la página. Al realizar un diseño estructurado para el diseño de una página (por ejemplo, una página generalmente consta de un encabezado, un encabezado <masthead>, un área de contenido y un pie de página, etc.), generalmente es ideal usar ID, porque un ID está en a Sólo se puede utilizar una vez en el documento. Estos elementos rara vez aparecen más de una vez en la misma página.
Para resumirlo en una oración: la clase se puede usar repetidamente pero la identificación solo se puede usar una vez en una página. Es posible que el uso repetido del mismo ID no cause problemas en la mayoría de los navegadores, pero esto definitivamente es un uso incorrecto según el estándar y puede causar problemas en la vida real en algunos navegadores.
En aplicaciones prácticas, Class puede ser más útil para el diseño de texto, etc., mientras que ID es más útil para el diseño de macros y la ubicación del diseño de varios elementos.