11 de febrero de 2008

Qué pinta tiene un código HTML bonito

Excelente artículo de CSS Trick que cuenta que aspecto debe tener un código html para que lo podamos considerar óptimo, o al menos, agradable de visualizar.

What Beautiful HTML Code Looks Like


Realmente son consejos muy útiles:

1. Una buena declaración del DOCTYPE.
2. Una sección limpia y bien organizada, con enlaces a los archivos, sin script en su interior.
3. Un con su propio id para que nos permite crear un estilo personalizado para una página concreta.
4. Un menú de opciones limpio y claro.
5. Un DIV principal para todo el contenido de la página.
6. Contenido importante en la parte superior de la página.
7. Los contenidos que se repiten a través de varias páginas se insertan mediante includes.
8. Código bien tabulado; no todo a la izquierda.
9. Cuidar mucho las etiquetas de cierre.
10. Usar de forma jerárquica las etiquetas de encabezado (primero h1, luego h2, etc.)
11. Aplicar al contenido las etiquetas apropiadas.
12. Mantener todas las referencias de estilo dentro del CSS.

En la web tienen una imagen que lo representa muy bien.


Otro artículo interesante de hace uno días sobre este tema, también en inglés, es POSH Plain Old Semantic HTML. Habla de como emplear las etiquetas correctamente, insistiendo en no usar tablas para maquetar una página, las hx para los encabezados, etc.