CSS Semánticas: Un Enfoque Diferente

A continuación hablaremos de las CSS semánticas: Un enfoque diferente, 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...

Artículos Proveído Por:

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.
#Fuente: Artículos Gratuitos Online de Articuloz.com

Artículos Regionales
- CSS Semánticas: Un Enfoque Diferente Alabama
- CSS Semánticas: Un Enfoque Diferente Alaska
- CSS Semánticas: Un Enfoque Diferente Arizona
- CSS Semánticas: Un Enfoque Diferente Arkansas
- CSS Semánticas: Un Enfoque Diferente California
- CSS Semánticas: Un Enfoque Diferente Colorado
- CSS Semánticas: Un Enfoque Diferente Connecticut
- CSS Semánticas: Un Enfoque Diferente DC
- CSS Semánticas: Un Enfoque Diferente Delaware
- CSS Semánticas: Un Enfoque Diferente Florida
- CSS Semánticas: Un Enfoque Diferente Georgia
- CSS Semánticas: Un Enfoque Diferente Hawaii
- CSS Semánticas: Un Enfoque Diferente Idaho
- CSS Semánticas: Un Enfoque Diferente Illinois
- CSS Semánticas: Un Enfoque Diferente Indiana
- CSS Semánticas: Un Enfoque Diferente Iowa
- CSS Semánticas: Un Enfoque Diferente Kansas
- CSS Semánticas: Un Enfoque Diferente Kentucky
- CSS Semánticas: Un Enfoque Diferente Louisiana
- CSS Semánticas: Un Enfoque Diferente Maine
- CSS Semánticas: Un Enfoque Diferente Maryland
- CSS Semánticas: Un Enfoque Diferente Massachusetts
- CSS Semánticas: Un Enfoque Diferente Michigan
- CSS Semánticas: Un Enfoque Diferente Minnesota
- CSS Semánticas: Un Enfoque Diferente Mississippi
- CSS Semánticas: Un Enfoque Diferente Missouri
- CSS Semánticas: Un Enfoque Diferente Montana
- CSS Semánticas: Un Enfoque Diferente Nebraska
- CSS Semánticas: Un Enfoque Diferente Nevada
- CSS Semánticas: Un Enfoque Diferente New Hampshire
- CSS Semánticas: Un Enfoque Diferente New Jersey
- CSS Semánticas: Un Enfoque Diferente New Mexico
- CSS Semánticas: Un Enfoque Diferente New York
- CSS Semánticas: Un Enfoque Diferente North Carolina
- CSS Semánticas: Un Enfoque Diferente North Dakota
- CSS Semánticas: Un Enfoque Diferente Ohio
- CSS Semánticas: Un Enfoque Diferente Oklahoma
- CSS Semánticas: Un Enfoque Diferente Oregon
- CSS Semánticas: Un Enfoque Diferente Pennsylvania
- CSS Semánticas: Un Enfoque Diferente Rhode Island
- CSS Semánticas: Un Enfoque Diferente South Carolina
- CSS Semánticas: Un Enfoque Diferente South Dakota
- CSS Semánticas: Un Enfoque Diferente Tennessee
- CSS Semánticas: Un Enfoque Diferente Texas
- CSS Semánticas: Un Enfoque Diferente Utah
- CSS Semánticas: Un Enfoque Diferente Vermont
- CSS Semánticas: Un Enfoque Diferente Virginia
- CSS Semánticas: Un Enfoque Diferente Washington
- CSS Semánticas: Un Enfoque Diferente West Virginia
- CSS Semánticas: Un Enfoque Diferente Wisconsin
- CSS Semánticas: Un Enfoque Diferente Wyoming
Artículos Similares
- Sitios Web de Accesibilidad y Usabilidad
La usabilidad es uno de los temas más apremiantes en el ámbito de desarrollo de sitios Web hoy en día. Continúe leyendo para reunir la información necesaria para mejorar su website...
- La Importancia del Nombre de su Dominio
- ¿Pagar o No por el Tráfico Web?
- El Secreto Para un Sitio Web Exitoso
- Derecho Empresarial
- Razones por la Cual Tener un Blog
- Sistema de Gestión de Contenidos
- Controlar Mejor su Adsense
- Un Sitio Web Rentable
- Ganar Dinero en Internet