¿Usas clase o ID más en HTML? ¿Por qué? ¿Con qué es más fácil trabajar cuando se usa HTML / CSS / JavaScript / PHP / MySQL?

Con los navegadores web modernos, ya casi no hay razón para usar ID: la clase es mejor en casi todos los casos. La gente solía recomendar ID porque era más rápido en los navegadores antiguos.

Solo hay dos casos en los que deberías usar una identificación en mi opinión:

  1. Cuando desee que el navegador se desplace a ese elemento con un fragmento hash. Si va a example.com/#my_id , la página se desplazará al primer elemento con la identificación “my_id”.
  2. Cuando se usan etiquetas de formulario. “

Aparte de eso, las clases suelen ser mejores porque no se romperán cuando agregue varios elementos con la misma clase.

Seleccionar IDs vs clases

No es beneficioso usar ID en términos de selección de elementos.

Con ID: document.getElementById("the_id")
Con clases: document.getElementsByClassName("the_class")

De hecho, el método de clase es inherentemente más poderoso porque devolverá todos los elementos que coincidan; getElementById solo devolverá uno, por lo que si agrega accidentalmente dos elementos con la misma ID, es posible que no obtenga el que desea.

Las identificaciones son muy diferentes a las clases y en muchos casos deben usarse de manera diferente.

La especificación CSS 2.1 dice “Lo que hace que los atributos de ID de tipo sean especiales es que no hay dos de esos atributos que puedan tener el mismo valor; sea cual sea el idioma del documento” (todas las versiones anteriores dicen lo mismo). Sin embargo, esto no es exactamente cierto “en el mundo real”, ya que muchos navegadores modernos interpretarán correctamente los documentos con múltiples ID del mismo nombre.

Las ID cuando se usan correctamente hacen que su vida sea más fácil (si su sitio / aplicación web tiene alguna complejidad).
1. Son más fáciles de tratar en javascipt / jquery.
2. Al usarlos según lo previsto (únicamente) puede evitar errores y confusiones entre diferentes elementos.
3. Puede usarlos para separar el estilo (clases) que puede ser y la interacción o lógica (ID).

Sin embargo, si tiene un sitio web simple … ahí está mi pequeña necesidad de identificaciones.

Las identificaciones están destinadas a ser únicas. Entonces, uno usaría id para algo que solo aparece una vez en una página. Por ejemplo:

Maincontent va aquí.

Las clases se pueden usar varias veces en una página. Entonces podría usar lo siguiente:

Algo grande.

Otro algo grande.

Las ID también se pueden referenciar en anclas, scripts y objetos. Visite http://www.w3.org/TR/html4/struc … para obtener más información.

Las clases están destinadas a ser más utilizadas, una clase que desea usar en 10 lugares para hacer un botón azul bonito, por ejemplo, desde la perspectiva de CSS es mucho más lógico usar clases y no identificadores.

Eso no quiere decir que nunca debe usar identificadores si hay una etiqueta que es absolutamente un caso único que necesita un uso e identificación únicos de CSS.

Donde la identificación realmente brilla es con JS y las pruebas, a menudo necesita alcanzar solo una etiqueta en JS y buscarla por identificación es la forma más rápida, del mismo modo si escribe pruebas para su sitio, necesitará identificaciones para acceder a ciertos elementos clave de una manera más directa.

Depende de tu diseño.

Si desea poder cambiar la cantidad de elementos de diseño al mismo tiempo, y es importante para usted que tengan el mismo aspecto, puede hacerlo y es más fácil usar Clases en su CSS.

pero si desea manipular cada elemento uno por uno sin afectar a otros elementos, debe usar ID. le brinda un amplio alcance para cambiar cada sección de la manera que desee.