Soy nuevo en diseño web. ¿Cuáles son las diferencias entre clase, ID y su uso?

ID se utiliza para identificar de forma exclusiva un elemento en una página web.

Una clase se utiliza para clasificar elementos similares en páginas web.

Supongamos que en su página web hay elementos diferentes, pero generalmente, por ejemplo, el cuadro de texto del nombre de usuario, el cuadro de texto de la contraseña, etc., son los elementos que desea identificar de forma exclusiva. otro elemento presente en la misma página web. También es una buena práctica no dar los mismos nombres de identificación a los elementos de la página web.

Donde como clases se utilizan para categorizar diferentes contenidos presentes en la página web. Por ejemplo, todos los párrafos de su página web pueden pertenecer a una clase y todos los enlaces a una categoría diferente y, a veces, algunos párrafos pueden pertenecer a una categoría y otros a otra. Todo depende de nuestras necesidades.

Ahora, ¿por qué necesitamos esto? Esto se debe a que es muy útil y ventajoso. Las razones que sé son

1. Podemos acceder al contenido mediante javascript / jQuery utilizando estos nombres de clase o identificadores

2. Una gran ventaja es que podemos usarlos para escribir hojas de estilo (archivos CSS).
Podemos mantener todos los párrafos de una clase particular de manera diferente en todas las páginas web o en la misma página.

Espero que esto sea útil.

Buena pregunta. Me gustaría comenzar diciendo que también soy muy nuevo en esto, pero creo que tengo una buena respuesta y me encantaría recibir comentarios de personas más conocedoras si creen que podría dar más detalles.

Clase

Lo usaría cuando quieras aplicar un estilo a múltiples lugares de HTML.

Por ejemplo) Si tuviera una página de preguntas y respuestas, tal vez la pregunta sería una clase que podría aplicar, por ejemplo, y un borde naranja, y para la respuesta, también podría aplicar un borde verde. Otra gran ventaja de esto es ahorrar espacio y organizar bien el código.

CARNÉ DE IDENTIDAD

ID, personalmente usaría esto en elementos únicos de una página web, tal vez una página de bienvenida a su sitio web. No necesitaría varias páginas de bienvenida, solo una para cuando las personas abran su página web.

¡Espero que eso responda tu pregunta!

Probablemente debería dejar de escribir esto y prestar atención en clase …

La respuesta anterior a esta es mucho mejor, pero carece de un ejemplo que ayude a que tenga sentido.

La clase es: ¡Soy un bolígrafo! Por lo tanto, soy como todas las otras plumas y debería ser tratado de la misma manera por las cosas que se preocupan por las plumas. También puedo ser una pluma estilográfica, un bolígrafo u otra etiqueta similar, pero también soy una pluma. (Esto es confuso en JS y CSS, pero puedes hacerlo)

La identificación es: soy la estilográfica favorita de Mike. Si tiene efectos que SOLO son importantes para mí, puede etiquetarlos de esta manera.

El uso en cualquier caso es en CSS o javascript consciente de nombre / etiqueta, búscame un objeto con esta identificación, o esta clase, o ambas, luego manipúlalo de alguna manera (es decir, escribe con él, muévelo, escóndelo, toma su límite apagado, rellenar con tinta invisible.)

Quizás esto ayude a id vs. class – Búsqueda de Google

More Interesting

Creé un diseño de página web en boceto, ¿qué método puedo usar para codificarlo en una página HTML receptiva de la manera más fácil / rápida posible?

¿Estoy haciendo la gestión de proyectos correcto?

Quiero aprender codificación. ¿Será suficiente una educación estilo bootcamp durante 12 semanas para conseguirme un trabajo como desarrollador web o desarrollador front-end?

Tengo un trabajo de desarrollo web independiente que está en curso durante las próximas 3 semanas. ¿Debo dejar mi trabajo de ventas actual para dedicarme al desarrollo web a tiempo completo?

Simplemente moví mi sitio web de un host a otro, luego hice algunos cambios. ¿Por qué algunas computadoras muestran el sitio antiguo y otras muestran el nuevo?

Acabo de terminar mi primer sitio web simple usando HTML / CSS. ¿Qué tan preocupado debería estar con el aprendizaje de habilidades de diseño mientras estoy aprendiendo a codificar?

Mi mamá está tratando de usar WordPress para diseño web. ¿Cómo puedo convencerla de que aprenda el código manual?

¿Dónde empiezo si quiero hacer un sitio web estático?

¿Puedo colocar un anuncio de Google que se mostrará en una página antes de cargar contenido y esperar 5 segundos antes de cargar el contenido real?

Quiero ofrecer mis habilidades de diseño web de forma gratuita o a un precio moderado. Nadie me dará una oportunidad. ¿Cómo consigo clientes?

Quiero aprender el desarrollo web desde el principio, ya que no tengo experiencia alguna vez. Cual es la mejor manera?

Si tengo muy poco conocimiento del desarrollo web pero necesito construir un sitio web decente lo antes posible, ¿qué y cómo debo aprender?

Quiero crear un sitio web para anunciar un libro, pero soy completamente nuevo en esto, ¿hay alguna guía básica que pueda recomendar?

Si tuviera que construir un sitio web como Quora, dado que no sé cómo usar ningún marco de front-end, ¿qué marcos debería usar?

Estoy comenzando un nuevo negocio para diseño de logotipos, diseño gráfico, branding, diseño de sitios web y SEO. ¿Cuál es la mejor manera de conseguir nuevos clientes?