ID:
El valor del atributo “id” de un elemento es único; es decir, no debería haber otro elemento con el mismo nombre de identificador (id) dentro de tu documento HTML.
.Class:
Puede ser utilizado en más de un elemento de tu documento HTML, esto nos es muy beneficioso cuando tenemos que aplicar los mismos estilos a diferentes elementos, dado que nos permite reducir las líneas de código en nuestro archivo .css, considerándose una buena práctica.
¿Cuál es la diferencia?
ID: Elemento unico en el documento HTML, de hecho si intentas ponerle el mismo id a varios elementos el validador te arrojara un error, diciendo que el ancla ya esta definida.
CLASS: Se usa para aplicar estilos iguales a varios elementos HTML, es decir, una clase es una serie de estilos definidos que se pueden usar muchas veces en cualquier etiqueta HTML.
¿Cómo se escribe correctamente la etiqueta?
Un ID se define en el código HTML así:
<div id="ejemplo_de_id"> <!-- propiedades... --> </div>
En el archivo CSS podemos localizar el identificador anterior para aplicarle los estilos de la siguiente manera:
#ejemplo_de_id {
background: blue;
}
- Están definidos por el símbolo de numeral o almohadilla (#), el cual precede al nombre del ID.
- Pueden aparecer una vez sola dentro de la página web.
¿Cómo se incrusta al html?
Ashuri uwu 