Truncado de texto en HTML usando CSS.

A continuación un enlace que explica como truncar automáticamente texto en un párrafo (<p>) en HTML usando simplemente CSS.

En caso de que el texto sea truncado se mostrará automaticamente los puntos suspensivos (…).

Lo malo es que la propiedad CSS usada no es estándar, por lo que no funcionará en todos los navegadores, no obstante, yo lo he probado en Internet Explorer 7 y 8, Firefox 3, Chrome, Opera y Safari y funciona perfectamente.

Truncado de texto en HTML usando CSS.

Guía para estructurar CSS para HTML5

En woork han escrito un interesante artículo (en inglés) de como estructurar código CSS para el nuevo HTML5.

Podéis ojearlo en:

CSS code structure for HTML5.

CSS code structure for HTML5

HTML5 – Hoja de referencia

Siguiendo con el artículo anterior, vía woork nos llega una fantástica hoja de referencia (chuleta) para HTML5.

Está disponible en PDF y JPG. Podéis acceder desde el siguiente enlace:

HTML5 Cheat Sheet.

HTML5 Cheat Sheet

HTML5: Más cerca de ser una realidad

Cada vez estamos más cerca de que HTML5 deje de ser un borrador y sea una especificación terminada.

Como ya sabemos, la principal característica de HTML5 es que hace más hincapié en la semántica de un documento HTML, incorporando nuevos elementos que permiten distinguir el tipo de contenido que albergarán.

Hay nuevas revisiones (muy recientes) de los borradores de las especificaciones, aquí os pongo los enlaces para que podáis consultarlos. Es bueno saber a que enfrentarse una vez HTML5 sea una realidad.

HTML5 – W3C Working Draft 25 August 2.009.

HTML5 – The markup language – Editor’s draft 3 September 2.009.

Muchos motores de los navegadores web ya están incorporando y actualizándolo a las especificaciones HTML5, sobre todo los motores de FireFox y Chrome.

En el siguiente enlace podemos ver una comparativa de motores y de cómo se están adaptando a HTML5:

Comparison of layout engines (HTML5).

Por último, os paso otro enlace en que, a modo de esquema, se enumeran los nuevos elementos de HTML5. Y, atención, la página, ya está escrita en HTML5:

HTML5 pocket book.