Pregunta

Esta pregunta ya tiene respuesta aquí:

El estándar HTML define una clara separación de preocupaciones entre CSS (presentación) y HTML (semántica o estructura).

¿Alguien utiliza un documento de estándares de codificación para CSS y XHTML que tenga cláusulas que ayuden a mantener esta separación?¿Cuáles serían buenas cláusulas para incluir en dicho documento de estándares de codificación?

¿Fue útil?

Solución

No tenemos un documento físico al que todos cumplimos donde trabajo.Hay una serie de pautas que intentamos tener en cuenta, pero en realidad no hay suficiente información para requerir un documento físico. Este artículo Las resume bastante bien estas pautas.También puedes considerar formatear tu CSS para que sea más fácil de leer. Revista aplastante tiene un gran artículo sobre este tema.

Otros consejos

El artículo al que hace referencia @Lee Theobald es un buen comienzo.

Algunas ideas básicas que trato de tener en cuenta al marcar:

En cuanto a HTML:

Intente escribir para la siguiente persona; es decir, piense en lo fácil o difícil que podría ser para otra persona venir, recoger su trabajo y continuar.

Para respaldar este principio, debe intentar asegurarse de que su marcado sea lo más legible posible; las etiquetas de clase e identificación en particular deben estar relacionadas cuanto más se pueda a su contenido previsto.En otras palabras, intenta utilizar tus etiquetas para describir el tipo de contenido que tendrán.

Por ejemplo, "Subnavegación", "contenido", etc.

El objetivo es proporcionar marcas que alguien pueda captar sin haberlas visto antes y tener una idea de la estructura lógica del documento.

Además, trate de evitar agregar marcas que sean puramente para lograr un efecto visual.Pero tenga en cuenta que es poco probable que cualquier sitio web que requiera un estilo ligeramente sofisticado pueda evitar el marcado no semántico, debido a las debilidades en las implementaciones actuales de CSS y a problemas de compatibilidad con los navegadores.

Respecto a los archivos CSS:

Mucha gente divide su CSS en secciones mediante comentarios, separándolos en áreas funcionales o estructurales.Por lo tanto, es posible que tenga una sección para el encabezado, el pie de página o la tipografía, etc.Otros van más allá y dividen CSS entre archivos, teniendo uno para tipografía, otro para diseño, etc.Sin embargo, ¡esto puede según Yslow!puede tener un impacto negativo en la carga de la página, debido al aumento de las solicitudes http.

Podría escribir más, pero como puedes ver me cuesta ser conciso.Espero que esto te sea de alguna utilidad.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top