{"id":227,"date":"2009-09-06T13:35:00","date_gmt":"2009-09-06T13:35:00","guid":{"rendered":"http:\/\/e-ware.org\/blog\/?p=227"},"modified":"2009-09-06T13:35:00","modified_gmt":"2009-09-06T13:35:00","slug":"tabulazioni-e-spazi-nellhtml","status":"publish","type":"post","link":"http:\/\/e-ware.org\/blog\/tabulazioni-e-spazi-nellhtml\/","title":{"rendered":"Tabulazioni e spazi nell’HTML"},"content":{"rendered":"


<\/span><\/p>\n

Quando si gestisce un blog o un sito come questo \u00e8 di notevole importanza postare codice per chiarire al meglio gli argomenti trattati ai lettori.<\/span>
Ogni buon programmatore sa che per avere un codice leggibile e chiaro \u00e8 fondamentale usare l’indentazione<\/a>, ovvero l’inserimento di spazi bianchi (o tabulazioni) che precedono alcune parti di codice per creare un effetto grafico che evidenzia dove inizia e dove finisce un blocco di codice. Al fine della compilazione del codice, l’uso di questa tecnica non \u00e8 fondamentale ma rende sicuramente il codice pi\u00f9 “pulito” e pi\u00f9 “chiaro” per se e per gli altri.<\/span><\/p>\n

Lavorando su piattaforma blogger\/blogspot ho notato che quando si scrive una frase preceduta da una tabulazione o da alcuni spazi bianchi, nel momento in cui si visualizza il post essi vengono ignorati e il codice risulta piatto, pi\u00f9 simile ad una lista della spesa che ad un lavoro di altissima programmazione ingegneristica :-).<\/span><\/p>\n

Ecco allora che giungono in aiuto i tag html.<\/span><\/p>\n

Esiste un particolare elemento html che permette di interpretare tutto ci\u00f2 che \u00e8 inserito tra i tag cos\u00ec come si presenta. Questo vuol dire che se una frase \u00e8 preceduta da spazi bianchi allora nel post essa si presenter\u00e0 cos\u00ec com’\u00e8. Tutto ci\u00f2 \u00e8 di particolare importanza per chi scrive codice poich\u00e8 racchiudendo il listato tra i tag pre e \/pre (ovviamente chiusi tra parentesi angolari ) esso si presenter\u00e0 cos\u00ec come lo avete scritto.<\/span><\/p>\n

Ecco la differenza tra un codice con il tag pre e il codice senza pre<\/span><\/p>\n

CON PRE<\/span><\/p>\n


if (a==b)
{
printf(\"a uguale a b\"\\n);
return 1;
}
<\/span><\/pre>\n
SENZA PRE<\/span><\/p>\n

if (a==b)
{
printf(\"a uguale a b\"\\n);
return 1;
}
<\/span><\/pre>\n
Converrete con me che la differenza in fatto di chiarezza \u00e8 rilevante gi\u00e0 su quattro righe di codice. Non pensate che su un programma intero la cosa lo renderebbe pi\u00f9 chiaro?<\/span><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
Quando si gestisce un blog o un sito come questo \u00e8 di notevole importanza postare codice per chiarire al meglio gli argomenti trattati ai lettori.Ogni buon programmatore sa che per avere un codice leggibile e chiaro \u00e8 fondamentale usare l’indentazione, ovvero l’inserimento di spazi bianchi (o tabulazioni) che precedono alcune parti di codice per creare […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[52,10,4],"tags":[],"class_list":["post-227","post","type-post","status-publish","format-standard","hentry","category-didattica","category-html","category-opencode"],"views":1692,"_links":{"self":[{"href":"http:\/\/e-ware.org\/blog\/wp-json\/wp\/v2\/posts\/227","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/e-ware.org\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/e-ware.org\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/e-ware.org\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/e-ware.org\/blog\/wp-json\/wp\/v2\/comments?post=227"}],"version-history":[{"count":0,"href":"http:\/\/e-ware.org\/blog\/wp-json\/wp\/v2\/posts\/227\/revisions"}],"wp:attachment":[{"href":"http:\/\/e-ware.org\/blog\/wp-json\/wp\/v2\/media?parent=227"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/e-ware.org\/blog\/wp-json\/wp\/v2\/categories?post=227"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/e-ware.org\/blog\/wp-json\/wp\/v2\/tags?post=227"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}