Laburo España: 250.000 ofertas de empleo

8 consejos para un mejor (X)HTML

Archivado en Diseño Web • Fecha: 03-08-2006 11:12:03

Recorto y pego (literalmente) desde la web de torresburriel esta lista de pasos para servir un buen XHTML

Me ha parecido tan buena y ordenada que me la apunto, para que no se me olvide nada. El original es de Tantek Çelik 8 steps to serving better (X)HTML.


  1. Valida las páginas. Es el paso fundamental que hay que remarcar tantas veces como sea necesario. No podremos dar pasos adelante si tenemos un código XHTML que no sea válido. A modo de ayuda, los errores más comunes que impiden que una página valide correctamente son:

    1. Ampersands (&) sin escapar (codificar). El modo correcto de hacerlo es así: &, en minúscula
    2. Elementos sin cerrar, como img, link o br

    3. Elementos de bloque (block) situados dentro de elementos en linea (inline)
    4. Cierre de tags donde no corresponde
    5. Falta de cierres de tags, quedando éstos abiertos
    6. Scripts sin su correspondiente atributo type

    7. Hojas de estilo dentro del body
    8. Existencia de atributos propietarios, como autocomplete
    9. Utilización de atributos con mayúsculas donde no se debe, como onSubmit en lugar de onsubmit
    10. Formularios sin el atributo action

    11. Varias etiquetas body dentro de la página
    12. Uso de atributos target en XHTML estricto
  2. Elimina diseños basados en tablas e imágenes con espacios en blanco. No debería haber mucho más que decir sobre esto, ¿no?

  3. Deshazte de los metas keywords. No merece la pena gastar tiempo ni espacio en esto. A los buscadores ya no les importa.
  4. Mejora la nomenclatura de los valores del atributo class. Algunos ejemplos de buenas prácticas al respecto:

    1. Usar selectores de contexto
    2. Uso de minúsculas en los nombres de las clases e id’s

    3. Evitar nombres de clases con significado relacionado con la presentación, como azul, titverde, etc.
  5. Suprime los espacios en blanco en el código. No ayudan en nada, son molestos y no tienen razón de ser.
  6. Haz uso de rel y de hreflang cuando uses un idioma diferente. El uso de rel="alternate" implica que existe una alternativa a la página en otro idioma.

  7. Reduce el código comentado. El código comentado debería ser eliminado al pasar por el servidor. Lo ideal es que en lugar de usar los comentarios de código de HTML, usemos los propios del lenguaje de servidor que se use: php, ruby, etc. Claro que eso es válido siempre que hagamos uso de sitios web dinámicos. En el caso de páginas estáticas no hay más remedio que usar los comentarios de HTML.
  8. Usa hCard. Usar el microformato hCard para marcar nuestra información de contacto.

Escrito por daTo
(0) Comentarios • (0) Referencias • Permalink


Referencias (URL para referencias)


Comentarios


Comentar



Recordar datos