In un blog tecnico, che parla di web, di blogging, di SEO e web design, è frequente la possibilità di pubblicare snippet di codice, frammenti di HTML o PHP o altri linguaggi.

Se incollate del codice nel vostro editor di testo, in modalità HTML, al momento della pubblicazione del post non troverete nulla, come se non aveste mai inserito quel codice.

Se invece incollate quello snippet di codice in modalità Visuale, la piattaforma potrebbe scrivere del codice superfluo:

<pre id="line1">&lt;<span>title</span>&gt;Blog Rank - Consigli per costruire e migliorare un blog&lt;/<span>title</span>&gt;</pre>

Mentre voi avete semplicemente inserito:

<title>Blog Rank - Consigli per costruire e migliorare un blog</title>

Perché scrivere codice in un post può creare questi problemi?

ISO-8859-1: i caratteri riservati per l’HTML

L’ISO-8859-1 è il carattere di default della maggior parte dei browser. Alla pagina dedicata alle entità dei caratteri nel sito W3Schools troverete l’elenco di tutte queste entità.

Alcuni caratteri sono riservati all’HTML, poiché i browser potrebbero mal interpretarli e scambiarli appunto per codice markup.

Quindi i caratteri usati per definire un tag HTML “<” e “>” devono essere convertiti rispettivamente in &lt; (less than: più piccolo di) e &gt; (bigger than: più grande di).

Postable

Ci viene in aiuto un’applicazione creata da Elliot Swan: Postable, che automaticamente permette di inserire uno snippet di codice e con un click trasformarlo in codice… post-friendly.

Il titolo di prima diventerà:

<title>Blog Rank - Consigli per costruire e migliorare un blog</title>

ma online troverete il vostro snippet di codice come se leggeste un file sorgente.

Di Daniele Imperi - Giovedì 29 Ottobre 2009 - Risorse per blog - 236 parole