Il termine per le sezioni di codice condiviso come esempi è "frammento". Frammenti di condivisione su Internet richiede una certa cura supplementare poiché browser tenterà di eseguire il rendering di snippet HTML piuttosto che visualizzarli come testo. È possibile fare mark-up i frammenti di te stesso, lo stile in CSS (Cascading Style Sheets), aggiungere uno script jQuery per evidenziare il codice o condividere il vostro frammento tramite un servizio che si occupa della formattazione e hosting per voi.

Codifica un frammento di codice in HTML

Non è necessario un evidenziatore di sintassi o frammento di servizio per condividere frammenti HTML online, ad esempio in post sul blog o su una pagina Web statica di condivisione. Utilizzando il "< pre >" e "< code >" tag, è possibile formattare snippet HTML con un font monospazio e mantenere le interruzioni di riga e rientri nel tatto. Tuttavia, è necessario sostituire staffe HTML in frammenti con i rispettivi codici di carattere speciale "<" e ">":

< pre >< codice >< h1 > si tratta di un titolo H1! < / h1 >< / codice >< / pre >

Lo styling frammenti HTML in CSS

Designer con una solida conoscenza di CSS è possibile applicare uno stile loro frammenti HTML senza utilizzare un evidenziatore di sintassi. Targeting "< pre >" del codice CSS e tag "< code >" puoi aggiungere colori di sfondo e modificare i caratteri del frammento, sebbene CSS di per sé non aggiungerà i numeri di rete e di codifica del colore. Come normale formattazione di frammento di codice HTML, frammenti codificati con una combinazione di HTML e CSS solo guardare meglio quando si conservano i frammenti corti.

Utilizzando la sintassi evidenziatori

Gli evidenziatori sintassi aggiungere codifica a colori e linea numerazione ai frammenti di HTML. Queste caratteristiche, comuni nel codice software di editing, rendono più grandi blocchi di codice più leggibile. È possibile aggiungere un evidenziatore di sintassi per le pagine Web utilizzando un plugin di jQuery; questi plugin sono programmati usando la libreria jQuery basato su JavaScript. Se gestisci il tuo sito Web attraverso un CMS (Content Management System) come WordPress o Drupal, installare un evidenziatore di sintassi come un modulo Drupal o WordPress plugin.

Servizi di condivisione di frammento

Condivisione di frammenti con altri sviluppatori Web e designer, è possibile utilizzare un frammento di servizio di condivisione. Questi servizi consentono agli utenti di incollare nella loro frammenti di codice e salvarli in pagine temporanee per la condivisione in modo simile ai servizi di condivisione foto. Il servizio consentirà di formattare il codice con un evidenziatore di sintassi. Condividi la pagina dove è ospitato il frammento di codice tramite e-mail, bacheche e siti Web sulla risoluzione dei problemi. Alcuni servizi di condivisione di frammento includono Pastebin.com, TinyPaste.com e Snipplr.com.