CSS Semánticas, un nuevo enfoque (y II)

| Publicado: 27-07-2007 | Comentarios: 0 | Vistas: 77 | Rating: (111)

(?)

Continuación de CSS semánticas. Un nuevo enfoque, y trata de dar una serie de consejos o recomendaciones a la hora del uso de hojas de estilo y escritura de código XHTML.
Toda la información está basada en el post citado, así como los ficheros relacionados.
Recomendaciones de uso y escritura de código
Usar las etiquetas HTML estrictamente para lo que se han concebido
Si se consigue crear un código XHTML lo más limpio y claro posible se verá reducido considerablemente el número de estilos propios que tendremos que crear y evitaremos la mayoría de los errores e inconsistencias comunes.

Maquetar en base a capas (div), no usar tablas (table).

Párrafos: (p)

Encabezados: (h1, h2, ... h6)

Tablas: (table, thead/tr/th, tbody/tr/td)

Listas: (ul/li, ol/li)

Menús: basados en listas con el atributo display:inline

Uso de medidas relativas en los tamaños de las fuentes
Las medidas relativas son aquellas que no establecen un tamaño fijo en píxeles o puntos para un elemento. En concreto son el porcentaje (%) y el em (1em equivale a 100%, 1.2em a 120%..., 0.7em 70%, ...)
Es muy importante este punto por varios aspectos:

No todas las personas tienen el monitor a la misma resolución y nuestra tipografía le puede resultar muy pequeña o grande según el caso.

Al establecer la medida de tipografía de manera relativa en la etiqueta body, se tomará el tamaño relativo al navegador y dispositivo que interprete la página. Esto es especialmente en dispositivos con pequeñas pantallas (móviles, pda, etc.).

Maquetación de layout fijo basado en capas
Esta es una antigua polémica, el maquetado de tamaño fijo de ancho o el maquetado líquido o de tamaño variable.
Los estudios de usabilidad web aconsejan el uso de tamaños fijos adecuados a la resolución más usada por los usuarios de internet, intentando que el porcentaje discriminado sea el menor posible. La explicación de este aspecto se justifica por el constante crecimiento en las ventas de monitores de gran tamaño (17" o más) y resolución (1024x768 en adelante).
La expansión de las páginas sobre todos en resoluciones de monitores panorámicos dificulta enormemente la legibilidad de los párrafos de texto.
Crear estilos o redefinirlos solo en el caso estrictamente necesario
Si creamos nuestras páginas haciendo un uso adecuado de las etiquetas XHTML y seguimos las pautas descritas en este documento, se reducirá drásticamente la necesidad de creación de estilos innecesarios y redundantes, lo que conlleva enormes beneficios sobre todos relativos a la facilidad de mantenimiento y reducción de errores y comportamientos extraños.

Puntaje:

Current: 5 / 5 stars - 1 vote(s).

Etiquetas del artículo: Css, Hojas Estilo, Semantica, Web 2.0

Fuente: Artículos Gratuitos Online de Articuloz.com

Imprimir artículo

Enviar a un amigo

Publicar

Información del autor

Acerca del autor:

Diseñador web profesional

Publicar artículos se ha convertido en uno de los medios más populares para generar vínculos de retroceso de calidad, así como tráfico dirigido a tu sitio Web. Únete hoy mismo: ¡es gratis!

Comentarios del artículo

Agregar nuevo comentario

Artículos Relacionados

CSS Semánticas, un nuevo enfoque (I)
De: José Juan Corpas | 27/07/2007 | Internet
Existen infinidad de sitios en Internet que ofrecen miles de propuestas diferentes a la hora del uso de hojas de estilo CSS en la maquetación de portales web, como sabemos aplicables a múltiples tecnologías: XHTML, Flash, etc... Lo que es difícil de encontrar es aquella solución que se adapte perfectamente a tus desarrollos, a tu entorno concreto.

Posicionamiento complejo con capas
De: José Juan Corpas | 16/11/2007 | Diseño digital
El día que a alguien se le ocurrió que se debía dejar de maquetar con tablas, más de uno dejó la profesión. Accesibilidad… qué es eso? Bromas a parte, todos sabemos ya que nuestros diseños tienen que ser accesibles por muchos motivos, incluso por posicionamiento de nuestros contenidos, así que de una manera y otra nos hemos decidido a seguir estas pautas

La Web 2.0: nuevos retos para el posicionamiento en Internet
De: Fernando Maciá | 17/12/2007 | Marketing en Internet
La revolución de la Web 2.0 exige hoy ampliar la perspectiva y abrirse a las nuevas tendencias en donde los consumidores adquieren un papel mucho más activo. Y aunque los buscadores siguen jugando un papel fundamental en la generación de tráfico cualificado, hay que aprender a gestionar una mayor variedad de actores, escenarios y tramas de relaciones en donde las redes sociales están adquiriendo un inusitado protagonismo.

Arquitectura de Foros
De: Vseo | 09/01/2008 | SEO
Bases para establecer la arquitectura de los foros, las relaciones con el contenido y crosslinking con diferentes estructuras de la página como parte de la cadena de valor de un foro.

Si No Tienes Una Web 2.0,Està Dando Mala Imàgen
De: David Avila Martìn | 13/03/2008 | Alojamiento de páginas Web
Imagen Diseño Marqueting Web on Line

Ventajas de la web 2.0
De: Pi Medios | 12/02/2008 | Otro
En este artículo se analizará qué es eso de la "web 2.0", cuales son sus ventajas y algunos ejemplos, que ayudarán a tener más claro el concepto y a sacar un mayor rendimiento en la web.

Últimos artículos de Internet

¿Comenzara Google con banda ancha?
De: Adan Alejandro | 17/02/2008
Cual sera la funcion de Google en la subasta del espectro de 700 MHz que sesta subastando la FCC?

Motores de Dinero
De: Osiel Castillo Barraza | 01/02/2008
La oferta hostil de Microsoft sobre Yahoo¡ tiene que ver con el futuro de la internet y sus multimillonarias ganancias que han colocado a Google como el favorito a nivel mundial.

E-commerce o la obligación de cualquier comercio de estar online
De: Domino | 24/01/2008
El comercio como todos sabemos ha pasado una transformación importante desde la aparición de Internet hace más de una década.

Los blogs, los sitios más populare en la web
De: Domino | 26/12/2007
Los formatos web se van ampliando y dan muestras de una mayor versatibilidad respecto a diferentes formas de publicar información.

¿Donde registrar su dominio?
De: Domino | 10/12/2007
La pregunta de donde registrar un dominio para nuestro sitio internet debe ser algo muy serio y debe dedicarse tiempo a la hora de elegir cual será la compañía en la cual depositaremos nuestra confianza.

El Sitio Menéame tiene mal Karma
De: eighthreeseven | 01/12/2007
Sobre este sitio que tiene mala vibra, definitivamente.

Google pide disculpas, pero sitio antijudío continúa apareciendo primero en su motor de busqueda
De: Domino | 17/10/2007
Tras varios años de reclamos de miles de personas, el buscador más grande del mundo Google pidió disculpas por la aparición en primer puesto de un sitio antisemita en su motor de busqueda

CSS Semánticas, un nuevo enfoque (I)
De: José Juan Corpas | 27/07/2007
Existen infinidad de sitios en Internet que ofrecen miles de propuestas diferentes a la hora del uso de hojas de estilo CSS en la maquetación de portales web, como sabemos aplicables a múltiples tecnologías: XHTML, Flash, etc... Lo que es difícil de encontrar es aquella solución que se adapte perfectamente a tus desarrollos, a tu entorno concreto.

Más de José Juan Corpas

Categorías de artículos

CSS Semánticas, un nuevo enfoque (y II)

Comentarios del artículo

Artículos Relacionados

Últimos artículos de Internet

Más de José Juan Corpas

Necesita Ayuda?

Vinculos del Sitio

Webmasters

Información Comercial