Últimamente os he traído varios tutoriales de programación, sobretodo java y javascript. Cuando los hice, me topé con un problema muy simple: ¿cómo mostrar el código fuente en mi sitio web? Hasta ahora, que había subido código alguna vez puntual, lo hacía de esta manera: Codigo fuente. Para conseguir esto es muy simple, basta con poner la etiqueta <code> antes del texto deseado y </code> al finalizar. Esta opción me sigue gustando mucho sobre todo cuando quiero resaltar un pequeño código dentro de un párrafo de texto normal, pero cuando se trata de varias líneas de código fuente queda bastante mal.

El primer problema que presenta es que no genera un cuadro de inserción de código fuente aparte del texto normal que ayude visualmente a diferenciar lo que se trata de texto de lo que se trata de código fuente. Además, y esto es lo que más importancia tiene, no añade color a la fuente. Si, como yo, estás muy acostumbrado a programar y leer código, entenderás bien la diferencia a leer un texto negro y plano frente a leer un texto con diferentes colores de letra según la palabra o tipo de dato que sea. Si conoces bien un lenguaje, el uso de los colores adecuados te ayuda muchísimo a la hora de leer rápido un código y poder entenderlo de una forma mucho más ágil.

Seguir leyendo