Come gestisci gli spazi bianchi nel tuo codice HTML [chiuso]

Question

Una delle mie più grandi frustrazioni tipografiche riguardo all'HTML è il modo in cui altera gli spazi bianchi congiunti.Ad esempio se ho:

<span>Following punctuation rules.  With two spaces after the period.  </span>

Uno dei due spazi successivi al punto sarà considerato uno spazio bianco insignificante e verrà rimosso.Ovviamente posso forzare lo spazio bianco ad essere significativo con:

<span>Following punctuation rules.&nbsp; With two spaces after the period.  </span>

ma mi dà fastidio doverlo fare e di solito non mi preoccupo.Qualcuno là fuori inserisce automaticamente spazi bianchi significativi negli invii di contenuti esterni destinati a una pagina web?

Answer 1

Per il tuo esempio specifico, non è necessario preoccuparsene.I browser Web eseguono il rendering tipografico e inseriscono la quantità corretta di spazio tra i punti e qualunque carattere segua (ed è diverso a seconda del carattere successivo, secondo le regole di crenatura).

Se vuoi interruzioni di riga, <br/> non è un grosso problema, vero?

---

Non sono sicuro di cosa sia degno di un downmod qui...Non dovresti forzare due spazi dopo un punto, a meno che non utilizzi un carattere a spaziatura fissa.Per i caratteri proporzionali, il rederer ritaglia la giusta quantità di spazio dopo un punto.Vedere Qui E Qui per discussioni dettagliate.

Answer 2

Se vuoi davvero che il tuo spazio bianco venga preservato, prova la proprietà css:spazio bianco:pre;

Oppure potresti semplicemente utilizzare un tag <pre> nel tuo markup.

A proposito, è positivo che i browser HTML ignorino gli spazi bianchi in generale, ci consente di avere un codice sorgente chiaramente formattato, senza influenzare l'output.

Answer 3

Potrebbe non essere molto elegante, ma applico i CSS a un tag <pre>.

C'è sempre l'attributo CSS "white-space", ma può essere un po' incostante.

Answer 4

Dai un'occhiata a preetichettatura.Potrebbe fare quello che vuoi.

Answer 5

È possibile utilizzare un preblocco con stile per preservare gli spazi bianchi.La maggior parte degli editor WYSIWYG inserisce ancheper te...

Nel complesso, è positivo che il browser ignori gli spazi bianchi.Visualizza tu stesso la fonte su questo sito Web e immagina quanto apparirebbe folle il sito se ogni spazio fosse visualizzato.

Answer 6

Faresti meglio a usare lo spazio bianco:pre-wrap rispetto allo spazio bianco:pre oCon il tuo esempio, queste ultime soluzioni possono iniziare una nuova riga su "regole. " solo perché your NSU-Breakable spl'asso ha raggiunto la fine della linea.

Answer 7

Il tag PRE può essere una valida soluzione, a seconda delle vostre esigenze.Tuttavia, se stai cercando di utilizzare la regola dei 2 spazi nelle frasi di tutto il tuo sito, scoprirai presto che gli altri caratteri preservati dal tag PRE sono l'avanzamento riga/ritorno a capo (o la mancanza di) rovineranno qualsiasi stile tu provi fare.

In generale, tendo a ignorare la regola "2 spazi dopo una frase", o se sei un pignolo, resterei con , ma occasionalmente ti imbatterai nel problema affermato da Nicolas.

Answer 8

C'è una pagina riguardante questo argomento su webtypography.net.Quel sito contiene molte altre cose interessanti sulla creazione di testo per il web dal punto di vista tipografico, cose a cui i progettisti di pagine web spesso non pensano nemmeno.Vale la pena leggerlo.