Spazio righe html

[web0x]

Salve, sono qui dopo un periodo di assenza per farvi un'altra domanda sperando che la vostra esperienza possa aiutarmi. Ho da poco ripreso a imparare e lavorare con l'html però oggi proprio mentre scrivevo mi è sorto un dubbio. C'è qualche regola sull'ordine delle righe html?
Ho notato che molti scrivono sulla stessa riga facendo andare a capo da soli i codici invece ho visto altri che mandano a capo righe con div diversi e codici interni. C'è qualche programma che ordina e pulisce l'html? Oppure sapete indicarmi quanto spazio lasciare a sinistra nelle righe di codice mandate a capo interne al box principale? Spero mi sia spiegato bene perchè è molto difficile fare una domanda del genere senza sapere i termini esatti per esprimerla, grazie.

[KillerWorm]

Ciao, le parole chiave sono "html formatter". Prova a fare qualche ricerca con questi termini.
Altri termini possono essere beautifier, indent, clean.

C'è qualche regola sull'ordine delle righe html?

Nessuna regola fissa ma solo convenzioni che servono a rendere umanamente leggibile il codice.
Ovviamente la leggibilità del codice serve a chi deve metterci mano.

In generale, per qualsiasi linguaggio di programmazione o di markup, si usa "indentare" il codice in base al livello di annidamento dei vari elementi. Per ogni livello si lascia quindi uno spazio prestabilito. Tale spazio può essere caratterizzato da un carattere di tabulazione o da semplici spazi (2 o 3 per ogni tabulazione) in base all'editor usato per scrivere il codice e, comunque, alle preferenze del programmatore.

Riguardo il codice HTML, tieni presente che i browser, di norma, vanno a collassare tutto il codice quando lo interpretano. Ciò significa che qualsiasi spazio ripetuto o tabulazione, qualsiasi ritorno a capo, in linea generale non vengono considerati. Anzi, all'atto della pubblicazione, sarebbe meglio avere un codice minimizzato.

In tal caso, la minimizzazione è l'esatto contrario della formattazione, in quanto il codice viene ripulito da qualsiasi carattere aggiuntivo e ottimizzato con l'intento di eliminare i byte superflui e "alleggerirlo" il più possibile.

La minimizzazione del codice (o minificazione o altri termini inglesi come minify, compress, ecc.) è comunque un discorso collaterale all'oggetto in discussione, ma consiglio di fare qualche ricerca anche in questo caso.

C'è qualche programma che ordina e pulisce l'html?

Di solito, per la stesura del codice, si utilizzano dei code editor; la maggior parte di questi, creano delle indentazioni in modo più o meno automatico quando, durante la scrittura del codice, si va a capo. Alcuni hanno degli strumenti per formattare/indentare anche il codice dopo che è già stato scritto. Per fare questo puoi utilizzare anche degli strumenti gratuiti online che puoi trovare con qualche semplice ricerca, come indicato sopra; ne puoi trovare svariati per la formattazione/indentazione/pulizia/minificazione di vari tipi di codici, tra cui HTML.

Con alcuni di questi strumenti puoi definire, in base alle tue preferenze, le impostazioni relative allo spazio da lasciare per l'indentazione.

Oppure sapete indicarmi quanto spazio lasciare a sinistra nelle righe di codice mandate a capo interne al box principale

Come già detto, è a tua discrezione. Io solitamente lascio un TAB per ogni livello di annidamento. Spesso è comunque preferibile (sempre per una questione di leggibilità) lasciare degli elementi sulla stessa riga, soprattutto col codice HTML, ad esempio quando si tratta di semplici elementi in linea che stanno in un contesto testuale. Ad ogni modo non esistono regole fisse, ma si tratta di accorgimenti che rientrano nelle proprie best practices.

...sempre se ho capito a cosa ti riferivi

[web0x]

Ciao, le parole chiave sono "html formatter". Prova a fare qualche ricerca con questi termini.
Altri termini possono essere beautifier, indent, clean.


Nessuna regola fissa ma solo convenzioni che servono a rendere umanamente leggibile il codice.
Ovviamente la leggibilità del codice serve a chi deve metterci mano.

In generale, per qualsiasi linguaggio di programmazione o di markup, si usa "indentare" il codice in base al livello di annidamento dei vari elementi. Per ogni livello si lascia quindi uno spazio prestabilito. Tale spazio può essere caratterizzato da un carattere di tabulazione o da semplici spazi (2 o 3 per ogni tabulazione) in base all'editor usato per scrivere il codice e, comunque, alle preferenze del programmatore.

Riguardo il codice HTML, tieni presente che i browser, di norma, vanno a collassare tutto il codice quando lo interpretano. Ciò significa che qualsiasi spazio ripetuto o tabulazione, qualsiasi ritorno a capo, in linea generale non vengono considerati. Anzi, all'atto della pubblicazione, sarebbe meglio avere un codice minimizzato.

In tal caso, la minimizzazione è l'esatto contrario della formattazione, in quanto il codice viene ripulito da qualsiasi carattere aggiuntivo e ottimizzato con l'intento di eliminare i byte superflui e "alleggerirlo" il più possibile.

La minimizzazione del codice (o minificazione o altri termini inglesi come minify, compress, ecc.) è comunque un discorso collaterale all'oggetto in discussione, ma consiglio di fare qualche ricerca anche in questo caso.


Di solito, per la stesura del codice, si utilizzano dei code editor; la maggior parte di questi, creano delle indentazioni in modo più o meno automatico quando, durante la scrittura del codice, si va a capo. Alcuni hanno degli strumenti per formattare/indentare anche il codice dopo che è già stato scritto. Per fare questo puoi utilizzare anche degli strumenti gratuiti online che puoi trovare con qualche semplice ricerca, come indicato sopra; ne puoi trovare svariati per la formattazione/indentazione/pulizia/minificazione di vari tipi di codici, tra cui HTML.

Con alcuni di questi strumenti puoi definire, in base alle tue preferenze, le impostazioni relative allo spazio da lasciare per l'indentazione.


Come già detto, è a tua discrezione. Io solitamente lascio un TAB per ogni livello di annidamento. Spesso è comunque preferibile (sempre per una questione di leggibilità) lasciare degli elementi sulla stessa riga, soprattutto col codice HTML, ad esempio quando si tratta di semplici elementi in linea che stanno in un contesto testuale. Ad ogni modo non esistono regole fisse, ma si tratta di accorgimenti che rientrano nelle proprie best practices.

...sempre se ho capito a cosa ti riferivi

Ciao, hai capito benissimo e mi hai chiarito le idee. Ora faccio queste ricerche, grazie.