17/05/2006, 07:01
| |||
| |||
| duda con uso de CSS y accebilidad Hace un tiempo me encontre que existe la posibilidad de asignarle mas de una clase a las etiquetas, por ej <div class="rojo floatR add10marginTop"></div> Desde el punto de vista "accesibilidad", esto esta bien visto? esta permitido o existe algun limite de clases por tag? |
|
17/05/2006, 08:48
| ||||
| ||||
| La accesibilidad se refiere a que algo puede ser usado, visitado o accedido con facilidad, las clases o id's de los elementos no influyen en la accesibilidad, son más para aspectos de diseño y visuales. Lo que si influye en la accesibilidad es la manera de como ordenas estos elementos para dar un orden semántico a tu documento. Asi que respondiendo a tu pregunta. eso está bien visto siempre y cuando tus elementos estén ordenados semánticamente para un mejor uso de parte del usuario. |
|
17/05/2006, 09:07
| |||
| |||
| Trabajo mucho con sitios con nivel A y AA. Vengo cumpliendo las reglas sin problemas ( de hecho ya ni uso tablas ) pero a veces en sitios grandes me quedan hojas de estilos demasiados extensas y complicadas de entender. Una de las soluciones que le encontre es tener declarados un grupo de estilos genericos para no tener que andar creando un css nuevo a cada rato. Por ej, .floatR {float: right; }, .borderBottom {border-bottom: 1px solid #DDDDDD }... Con ordenado semanticamente te refieres al contenido del sitio o las clases dentro del class=""? Gracias por responder a mi consulta. |
|
18/05/2006, 08:02
| ||||
| ||||
| Hola, Sobre lo que dices de que "ya no usas tablas", no se trata de eso. Se trata de usar los elementos para lo que fueron hechos... :oP Respecto a tus CSS, nóto que tiendes a nombrar a las clases de acuerdo a su apariencia y no a su "función". ¿Para que crear una clase llamada "rojo" o "borderbottom"? Se comete exactamente el mismo error que las CSS pretender eliminar: mezclar el contenido con la presentación. Las clases se terminan convirtiendo el "alias" de las propiedades CSS. Mejor piensa en la función que tienen los elementos. Por ejemplo: llamar a una clase como "nota" y asignar el color rojo a su texto. De esa forma los estilos siguen a la función. Y rara vez tendras que convinar estilos en el mismo elemento. Mejor agrupar correctamente los estilos en la hoja de estilos, para que no se inche. ¿Qué va a pasar cuando elementos que comparten el color "rojo" no quieras que lo compartan después? ¿O cuando diferentes elementos con diferentes funciones desees que no compartan ciertos estilos? Tendrías que modificar el HTML, y eso en realidad no debería ser necesario. Es un consejo. Espero haberme dado a entender.
__________________ Mi pequeño espacio en la web: VisiónE "El cosmos es todo lo que es, todo lo que fue, y todo lo que será alguna vez." Última edición por KnowDemon; 18/05/2006 a las 08:09 |
|
18/05/2006, 08:40
| |||
| |||
| en realidad no me refiero a crear cientos de estilos para cada una de las propiedades que se le podrian dar a los tags, sino algun que otro especifico para evitar tener que andar creado estilos nuevos para todo. Por ej, en una web que estoy armando actualmente. Se da que todos los links son de un gris, arial y tamaño 10, al hacer hover se subrayan. Peeero, algun que otro grupo de links por ahi tiene una linea gris abajo. O quiza tengo en un cierto lugar un gurpo de links que deberia ir contra la derecha o en vez de Arial usa Times New Roman. Me pasa lo mismo con algunos P o H. Lo que hago es colocar a los links donde deben, en sus UL/LI correspondientes, con clase Link que le da todo lo que dije antes y en el caso de necesitar ese mismo estilo pero por ahi... no se, con un borde abajo solo agrego una clase mas y me ahorre crear todo un grupo de estilos. a modo ej.
Código:
con esos 4 estilos puedo crear 7 estilos distintos de links y encima los ultimos 3 estilos me sirven para adaptar algun otro P, DIV, H, etc.
.links A {
color: #000000;
font-size: 1em;
font-family: Arial;
}
A.styleB {
font-size: 0.9em;
font-family: "Times New Roman";
}
.borderBottom {
border-bottom: 1px solid #DDDDDD;
}
floatR {
float: right;
}
|
|
19/05/2006, 07:44
| ||||
| ||||
| Cita: Ordenar semánticamente quiere decir usar cada elemento para lo que está hecho, por ejemplo las etiquetas <hx> para títulos o subtítulos, las p para párrafos, las tablas para mostrar datos tabulados... y que todo al final esté en un orden entendible uses o no uses CSS para el fomato.
Iniciado por rkpost Con ordenado semanticamente te refieres al contenido del sitio o las clases dentro del class=""? |
