Alternativer for HTML-snutter

Begrepet for deler av koden deles som eksempler er "bare litt". Dele utdrag over Internett krever litt ekstra omsorg fordi nettlesere vil prøve å gjengi HTML-snutter i stedet for å vise dem som tekst. Du kan markere opp tekstutdragene selv, stil dem i CSS (Cascading Style Sheets), legge til en jQuery script for å markere koden eller dele biten gjennom en tjeneste som tar vare på formatering og hosting for deg.

Coding en snutt i HTML

Du trenger ikke en syntakshighlighter eller tekstutdrag deling tjeneste for å dele HTML-snutter på nettet, for eksempel i blogginnlegg eller på en statisk nettside. Bruke "<pre>" og "<kode>" koder, kan du formatere HTML-snutter med en mono-avstand skrift og holde linjeskift og innrykk i takt. Du må imidlertid erstatte HTML parentes i dine snutter med sine spesielle tegnkoder "<" og ">":

<Pre> <code> <h1> Dette er en H1 overskriften! </ H1> </ code> </ pre>

Styling HTML tekstutdrag i CSS

Designere med en god forståelse av CSS kan style sine HTML-snutter uten å bruke en syntaks merkepenn. CSS-kode rettet mot "<pre>" og "<kode>" tags kan legge til bakgrunnsfarger og endre tekstutdrag skrifter, selv om CSS i seg selv ikke vil legge farge koding og linjenumre. Som vanlig HTML-kode formatering, tekstutdrag kodet med en kombinasjon av HTML og CSS bare ser best når du holder utdrag kort.

Bruke Syntax Highlighters

Syntaks highlighters legge fargekoding og linjenummerering til HTML-snutter. Disse funksjonene, vanlig i kode redigering programvare, gjøre større biter av koden mer lesbar. Du kan legge til en syntaks merkepenn til websidene ved hjelp av en jQuery plugin; disse plugins er programmert ved hjelp av Javascript-baserte jQuery biblioteket. Hvis du administrere ditt nettsted gjennom en CMS (Content Management System) som WordPress eller Drupal, installere en syntaks merkepenn som en WordPress plugin eller Drupal modul.

Biten delingstjenester

Når du deler snutter med andre webutviklere og designere, bruke et tekstutdrag delingstjeneste. Disse tjenestene lar brukerne å lime inn i sine kodebiter og lagre dem til midlertidige sider for å dele på en måte som ligner på bildet delingstjenester. Tjenesten vil formatere koden med en syntaks merkepenn. Del siden der kodebiten er vert via e-post, oppslagstavler og feilsøking nettsteder. Noen tekstutdrag delingstjenester inkluderer Pastebin.com, TinyPaste.com og Snipplr.com.