Hoy hablando con mi Sensei, nos ha asaltado una duda a la cual hemos llegado con una diferencia de opinión sobre un tema bastante tonto y que me gustaría haceros llegar para ver si alguien nos puede iluminar.
¿Cual sería la mejor forma de usar la combinación XHTML+CSS?
Bueno, voy a explicar un poco lo abstracto de la pregunta. Resulta que hace poco estuve leyendo acerca del uso de multivalores en los atributos class
de los elementos de una página web.
<p class="texto grande"> ... </p>
De esta forma podemos aplicar 2 clases diferentes a este elemento, por lo tanto podemos ahorrarnos código y creamos un sistema algo más semántico y claro. Ya que en este caso podríamos usar este parrafo para indicar que sobre todos los <p></p>
de clase texto
, este además será grande
.
Primero empezamos pensando en lo cómodo o práctico del uso de esta técnica. Por un lado tenemos la cosa de que podemos definir funciones con finalidades varias, osea en este caso tenemos grande que puede aplicarse a todo lo que queramos mostrar de un tamaño mayor y texto para todo lo que queramos tratar como texto. Pudiendo juntarlos en caso de desearlo.
Pero por otro lado, podríamos tener un clase texto_grande
que integrara todo lo que necesitamos de las dos clases. De esta foma únicamente bastaría editar esta clase para conseguir un cambio en nuestro aspecto.
Esto nos llevó a una primera cuestión:
¿Que parece ser lo más óptimo? ¿Usar una sola clase? ¿O dividir el diseño en varias clases?
Dependiendo de que solución escojas puede llevarte a otras preguntas, pongamos por ejemplo que elejimos el usar una sola clase. Esto nos hizo llegar a la siguiente pregunta.
¿No sería mejor tener todos los elementos del HTML con su correspondiente ID
, y así poder controlar todo el aspecto de cada elemento desde el CSS sin cambiar para nada el HTML?
A ver, me explico. Resulta que si optamos por declarar una clase con el contenido de texto
y grande
, daremos lugar a una clase nueva que probablemente únicamente usemos en un determinado sitio, aunque con el estilo y atributos que deseemos, ni uno más ni uno menos. Siguiendo por esa línea pensamos que utilizando los ID’s de los elementos podríamos controlar completamente todo el aspecto de nuestra web (esta claro que cada proyecto es un mundo y que dependiendo de cada uno requerirá que se realize de una forma u otra).
¿Tenemos más control y es más óptimo definir ID’s a todos los elementos? ¿Que opinais?
16 comentarios, 2 referencias
+
#