Foros del Web » Creando para Internet » HTML »

Class y ID

Estas en el tema de Class y ID en el foro de HTML en Foros del Web. hola,todo diseñador web sabra que son los Class y los ID,pero,saben usarlos apropiadamente? Eso lo duda,no mas ahi que mirar en el source code de ...
  #1 (permalink)  
Antiguo 13/07/2010, 15:39
Avatar de joseomaker  
Fecha de Ingreso: junio-2010
Ubicación: Maracaibo
Mensajes: 314
Antigüedad: 13 años, 9 meses
Puntos: 22
De acuerdo Class y ID

hola,todo diseñador web sabra que son los Class y los ID,pero,saben usarlos apropiadamente?

Eso lo duda,no mas ahi que mirar en el source code de una web para ver algo asi:

Código HTML:
Ver original
  1. <div id="header">imagen</div>
  2. <br>
  3. <div id="menu">
  4. <p id="1">1</p>
  5. <p id="2">2</p>
  6. <p id="3">3</p>
  7. </div>
  8. <div id="contenido">texto</div>
  9. <div id="footer">adios</div>

o peor aun:

Código HTML:
Ver original
  1. <div class="header">imagen</div>
  2. <br>
  3. <div class="menu">
  4. <p class="1">1</p>
  5. <p class="2">2</p>
  6. <p class="3">3</p>
  7. </div>
  8. <div class="contenido">texto</div>
  9. <div class="footer"></div>

esos diseñadores,espero que usen un editor visual porque que mal por ellos si tienen que editar una web con un diseño complejo,sufriran por la falta de logica del texto.

es tan facil,veamos:

ID y Class

Cual es la diferencia?,no,no es el numero de caracteres,para saberla vamos a ver los significados de ambas:

ID: nombre
Class: Clase

facil no,pero a algunos no les queda claro aun la diferencia,asi que,veamos los significados:

Nombre: nombre es la designación o denominación verbal (las denominaciones no verbales las estudian la iconología y la iconografía) que se le da a una persona, animal, cosa o concepto tangible o intangible, concreto o abstracto, para distinguirlo de otros.

Clase: Las clases son declaraciones o abstracciones de objetos, lo que significa, que una clase es la definición de un objeto. Cuando se programa un objeto y se definen sus características y funcionalidades, realmente se programa una clase.

Entonces,usemos cada uno para lo que sirve.

los codigos anteriores estaban mal,porque?,pues comparen este con los anteriores:

Código HTML:
Ver original
  1. <div class="header">imagen</div>
  2. <br>
  3. <div class="menu">
  4. <p id="1">1</p>
  5. <p id="2">2</p>
  6. <p id="3">3</p>
  7. </div>
  8. <div class="contenido">texto</div>
  9. <div class="footer">adios</div>

A que esta mas entendible,pues aca se los dejo de reflexion,hagamos mas legible el codigo de nuestros proyectos

Saludos.
  #2 (permalink)  
Antiguo 13/07/2010, 15:48
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 10.037
Antigüedad: 16 años
Puntos: 1329
Respuesta: (aporte) Class y ID

Pues no tu código también es incorrecto, no va haber dos header ni dos footer, en ese caso es cuando se utiliza un ID único.

Un ID se utiliza en elementos únicos, que no se van a repetir, para los elementos que tienen un estilo común se les asigna una clase. Tampoco se debe usar números en el primer carácter de una clase o id.

También tienes errores semánticos, los menús y navegaciones se hacen con listas desordenadas, y quedaría así:

Código HTML:
Ver original
  1. <div id="header"></div>
  2. <ul id="menu">
  3. <li id="m1">1</li>
  4. <li id="m2">2</li>
  5. <li id="m3">3</li>
  6. <ul>
  7. <div id="contenido"></div>
  8. <div id="footer"></div>

Aunque no siempre es necesario que todos los elementos de una lista tengan que tener algún identificador.

Saludos
__________________
Grupo Telegram Docker en Español
  #3 (permalink)  
Antiguo 13/07/2010, 16:27
Avatar de Daniel Ulczyk
Super Moderador
 
Fecha de Ingreso: febrero-2005
Ubicación: Buenos Aires
Mensajes: 9.263
Antigüedad: 19 años, 1 mes
Puntos: 2114
Respuesta: Class y ID

Tema movido desde el foro de Accesibilidad y Usabilidad
__________________
—Somos lo que hacemos repetidamente. La excelencia, entonces, no es un acto sino un hábito. (Aristóteles dixit)
  #4 (permalink)  
Antiguo 13/07/2010, 16:39
 
Fecha de Ingreso: noviembre-2009
Ubicación: Barcelona
Mensajes: 214
Antigüedad: 14 años, 3 meses
Puntos: 6
Respuesta: Class y ID

Dios mio.
Creo que este tema esta traiendo un poco de confusion.

Yo no se que decir.

da lo mismo ponerle a 10 valores ID="trate" y a 8 valores class="conmic"

y en el CSS poner #trate y los atributos para esas dichas 10 cosas y poner .conmic y lo atributos a esos 8 valores con clase conmic.

no le veo importancia a esto, espero que me contradigan y me digan el por que, para poder entender =D
  #5 (permalink)  
Antiguo 13/07/2010, 17:27
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 9 meses
Puntos: 1567
Respuesta: Class y ID

Cita:
Nombre: nombre es la designación o denominación verbal (las denominaciones no verbales las estudian la iconología y la iconografía) que se le da a una persona, animal, cosa o concepto tangible o intangible, concreto o abstracto, para distinguirlo de otros.

Clase: Las clases son declaraciones o abstracciones de objetos, lo que significa, que una clase es la definición de un objeto. Cuando se programa un objeto y se definen sus características y funcionalidades, realmente se programa una clase.
Que buena la lección de semántica, y yo perdiendo el tiempo con CSS3

  #6 (permalink)  
Antiguo 13/07/2010, 18:03
Avatar de joseomaker  
Fecha de Ingreso: junio-2010
Ubicación: Maracaibo
Mensajes: 314
Antigüedad: 13 años, 9 meses
Puntos: 22
De acuerdo Respuesta: Class y ID

Cita:
Iniciado por emprear Ver Mensaje
Que buena la lección de semántica, y yo perdiendo el tiempo con CSS3

A pues,eso lo saque de wikipedia XD
  #7 (permalink)  
Antiguo 13/07/2010, 18:09
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.050
Antigüedad: 14 años, 11 meses
Puntos: 1485
Respuesta: Class y ID

disculpa si a alguien le ofende... a decir verdad, yo no se si el tema es un chiste o que. de todos modos la siguiente definición no aplica aquí ya que se refiere a programación basada en clases.
Cita:
Clase: Las clases son declaraciones o abstracciones de objetos, lo que significa, que una clase es la definición de un objeto. Cuando se programa un objeto y se definen sus características y funcionalidades, realmente se programa una clase.
compara dicha definición de la wikipedia con la provista en w3schools.
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #8 (permalink)  
Antiguo 13/07/2010, 20:41
Avatar de joseomaker  
Fecha de Ingreso: junio-2010
Ubicación: Maracaibo
Mensajes: 314
Antigüedad: 13 años, 9 meses
Puntos: 22
Mensaje Respuesta: Class y ID

Cita:
Iniciado por zerokilled Ver Mensaje
disculpa si a alguien le ofende... a decir verdad, yo no se si el tema es un chiste o que. de todos modos la siguiente definición no aplica aquí ya que se refiere a programación basada en clases.

compara dicha definición de la wikipedia con la provista en w3schools.
no es un chiste y no es de programacion orientada a clases,es en general.

y como algunos no entendieron dije que lo podian encontrar,es decir que no es el codigo entero......
  #9 (permalink)  
Antiguo 14/07/2010, 08:45
Avatar de Daniel Ulczyk
Super Moderador
 
Fecha de Ingreso: febrero-2005
Ubicación: Buenos Aires
Mensajes: 9.263
Antigüedad: 19 años, 1 mes
Puntos: 2114
Respuesta: Class y ID

Cita:
Iniciado por joseomaker Ver Mensaje

y como algunos no entendieron dije que lo podian encontrar,es decir que no es el codigo entero
Hay que marcar bien la diferencia porque traer a cuento una entrada de Wikipedia que habla sobre programación y entender que HTML es también programación es trazar—por cierto—un círculo muy amplio y meter todo adentro.

Esto se ha dicho ya millón y medio de veces HTML no es un lenguaje de programación

Además joseomaker no comparto el incluir <br> entre DIVs, es un mala práctica > hay que saber separar el contenido de la presentación
__________________
—Somos lo que hacemos repetidamente. La excelencia, entonces, no es un acto sino un hábito. (Aristóteles dixit)
  #10 (permalink)  
Antiguo 14/07/2010, 11:28
Avatar de joseomaker  
Fecha de Ingreso: junio-2010
Ubicación: Maracaibo
Mensajes: 314
Antigüedad: 13 años, 9 meses
Puntos: 22
Respuesta: Class y ID

si,lo se por eso digo que esta mal o.o
  #11 (permalink)  
Antiguo 14/07/2010, 12:16
 
Fecha de Ingreso: noviembre-2009
Ubicación: Barcelona
Mensajes: 214
Antigüedad: 14 años, 3 meses
Puntos: 6
Respuesta: Class y ID

alguien que lo explique, que a otros usuario e inclusive incluyendome nos pueden confundir.
diria que lo eliminen o que den una respuesta clara =D
  #12 (permalink)  
Antiguo 17/07/2010, 13:37
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 21 años, 8 meses
Puntos: 361
Respuesta: Class y ID

Hola:

Cita:
Iniciado por XxflezhaxX Ver Mensaje
Dios mio.
da lo mismo ponerle a 10 valores ID="trate" y a 8 valores class="conmic"

y en el CSS poner #trate y los atributos para esas dichas 10 cosas y poner .conmic y lo atributos a esos 8 valores con clase conmic.

no le veo importancia a esto, espero que me contradigan y me digan el por que, para poder entender =D
Cita:
Iniciado por XxflezhaxX Ver Mensaje
alguien que lo explique, que a otros usuario e inclusive incluyendome nos pueden confundir.
diria que lo eliminen o que den una respuesta clara =D
Si no me equivoco, recientemente te recomendé la lectura de los libros de XHTML y CSS de www.librosweb.es

Para aclararte esta duda léete el capítulo sobre Selectores básicos.

Saludos.

  #13 (permalink)  
Antiguo 17/07/2010, 14:15
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.698
Antigüedad: 14 años, 8 meses
Puntos: 137
Respuesta: Class y ID

se agradece el esfuerzo... pero no hay que hablar a la ligera... demos respuestas concretas cuando estemos 100% seguros... que es un foro... y muchas personas nuevas en este tema podrian confundirse

PD: Para no liarse mirar el link del #12 por jomaruro
__________________
Toroflix - movies.
  #14 (permalink)  
Antiguo 17/07/2010, 14:33
 
Fecha de Ingreso: noviembre-2009
Ubicación: Barcelona
Mensajes: 214
Antigüedad: 14 años, 3 meses
Puntos: 6
Respuesta: Class y ID

Bueno Gracias jomauro.
aprendi algo nuevo, que ahora que lo pieso, anteriormente ya habia tenido problemas con esto, y no sabia a que se debia.

elemento .class elemento1 {CSS}

elemento.class elemento1 {CSS}

elemento, .class, elemento1 {CSS}

el primero indica que, los elementos1 que estan dentro de una class, que a la vez esta dentro de elemento, tendran efecto.

el segundo indica que, los elementos1 que estan dentro de elemento con class tendran efecto.

el tercero indica que, elemento, class y elemento1 (estos 3) tendran efecto.

Gracias por esto, aunque no recuerdo que me hayas recomendado leer dichos libros xD

Etiquetas: class
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:54.