viernes, noviembre 02, 2007

POSH - Plain Old Semantic HTML

Plain Old Semantic HTML (POSH)

¿Has oído hablar de POSH? Es el término que me imagino se va a poner de moda y que no es otra cosa que una palabra que se refiere a algo viejo.

Primero: POSH = Plain OLD Semantic HTML. Que es algo así como HTML Viejo, Plano y Semántico.

Segundo: ¿A qué se refiere? Retomo las palabras de Roger Johansson: Es una nueva y rápida forma de decir: HTML bien estructurado, accesible, semántico y válido.

Así que nada de nervios… Están hablando de lo mismo que hemos venido hablando desde hace años: ¡Trabaja con los Estándares Web! ¡Trabaja con un HTML semántico!

Como nos recuerda Roger Johansson, para hacerlo debes:

  • Validar tu HTML.
  • Utilizar las tablas para tabular datos y los divs para diagramar.
  • Usar las etiquetas y atributos semánticos (Ej.: Usa <strong> en lugar de <b>).
  • Nombrar semánticamente tus clases e IDs (Ej: Usa <div id=”menu”> en lugar de <div id=”columnaIzquierda”>).
  • Usar la menor cantidad de HTML posible.

Finalizo esta copia-resumen-traducción del artículo POSH - Plain Old Semantic HTML [En] recordándoles estos tips:
  • Usa para tus títulos las etiquetas HTML que se hicieron para ello: h1 a h6, y asegúrate que tengan lógica dentro del documento (Un H3 no debe ir antes/fuera de un H1 o un H2).
  • Usa las tablas para tabular datos y todas las etiquetas que el HTML 4.01 nos ha dado para ello: caption, th, scope, etc. Esto nos asegurará tablas accesibles. Aquí hay unos excelentes artículos donde explican cómo hacerlo: Bring on the tables [En] o Tablas accesibles.
  • Cuando escribas una cita utiliza las etiquetas q o blockquote.
  • Para las imágenes, haz un buen uso de los atributos Alt y Title. ¿Sabes la diferencia? Aquí Emmanuelle nos explica: Dudas en el uso de los atributos ALT y TITLE para elelemento IMG.
  • Usa los atributos HTML de listas para hacer listas (¡Ojo: Los menús son listas!): Listas ordenadas (ol), listas sin orden (ul) y listas de definiciones (dl). He aquí un buen artículo sobre uso de listas: Using HTML Lists Properly [En].
  • Usa las etiquetas em y strong para hacer énfasis.

No hay comentarios.: