Non è invadente ed è appena percettibile. E gli utenti di Word che lo conoscono lo riconosceranno facilmente, quindi avrai una certa coerenza esterna.

In base ai commenti, ho modificato questa risposta per notare che è necessario generare una differenza tra il testo e interpunct così ho usato una dimensione del carattere leggermente più grande e ho cambiato il colore da nero a azzurro, quindi è meno evidente. Inoltre ci sono alcune lingue (come il catalano) che lo usano come carattere.

È importante notare che questo carattere è usato anche prima dellera dei computer (era usato dal latino).

Commenti

• molti editor di testo incentrati sulla programmazione lo usano anche per gli spazi bianchi finali, sebbene in un colore sbiadito.
• Questo è ciò che Notepad ++ usa quando gli chiedi di rendere visibili i caratteri invisibili (il pulsante pilcrow).
• Anche a me piace linterpunto, ma come sottolinea Woodrow, un colore sbiadito aiuta davvero a essere meno evidente. Penso che nel tuo esempio di testo nero su bianco siano piuttosto invadenti.
• Allinterno del testo, funziona molto bene, ma in una chiave autonoma non sono sicuro che sia così chiaro.
• Aggiunta a @agweber poing. Anche lo sbiadimento del colore è importante, perché alcune lingue usano questo simbolo come parte della loro grammatica (ad esempio, catalano; il · lusi ó).

Il mio indirizzo è sempre stato vuoto, ␣ (␣) o il carattere underbracket ⎵ (⎵), che è più largo . Puoi vederli qui su w3.org . Ho usato spesso la sottostruttura nei miei corsi di programmazione per mostrare lo spazio nelloutput del programma.

Ad esempio These␣do␣a␣pretty␣good␣job␣of␣conveying␣a␣space diventa:

Assicurati di utilizzare un carattere che implementi i glifi Unicode in modo che non si interrompa se il sistema degli utenti non li ha, oppure potrebbe essere simile a:

] 2

Commenti

• These█do█non█do█a█pretty█good█job█of█conveying█a█space. imgur.com/Uj8fZeKl.png . Fai attenzione a non utilizzare caratteri che potrebbero non esistere nel sistema ‘ dellutente, poiché si tratta, in effetti, di unapp web. Se segui questa strada, includi il carattere con lapp.
• @Tyzoid Di sicuro! Se ‘ utilizzerai unicode assicurati che il carattere che ‘ stai utilizzando implementi questi glifi. Detto questo, ‘ non sono sicuro che ‘ sia irragionevole aspettarsi che gli utenti ‘ sistemi per avere un font che implementa tutti i simboli Unicode. Ad esempio, il mio sistema sta servendo quei glifi da STIX General.
• @Ben Potrebbe essere il caso per la maggior parte dei casi, ma penso che non sia ragionevole presumere che gli utenti ‘ hanno tutti i simboli Unicode disponibili. Il mio non ‘ t, come evidenziato dallo screenshot della tua risposta. (Inoltre, a beneficio di persone come me, puoi includere uno screenshot di come dovrebbe apparire il testo?)
• Laltro vantaggio di questo è che puoi vedere dove hai più caratteri di spazio in una riga . Cioè tu dici che ci sono 4 caratteri qui: ⎵⎵⎵⎵ e tre qui: ⎵⎵⎵, molto più facile che qui: ____ contro ___
• Vale anche la pena dire che questi non sono ‘ t visualizzato nellapp SE per Android.

Risposta breve

Per rappresentare la barra spaziatrice di una tastiera, U + 23B5 Bottom Square Bracket (normale ⎵ grassetto ⎵ monospace ⎵). In alternativa, U + 2423 Open Box (␣). In HTML parlace, rispettivamente ⎵ e &blank. Per rappresentare gli spazi nel testo usa linterpunto, U + 2E31 Separatore di parole Punto centrale (⸱) o U + 00B7 Punto centrale (·) come alternativa.

Ripetizione mentale e altra punteggiatura:

• U + 2E31: ⸱⸱⸱⸱Quattro⸱spazi⸱prima, ⸱ora⸱⸱due, ⸱uno⸱at⸱end .⸱
• U + 00B7: ···· Quattro · spazi · Prima, · ora ·· due, · uno · alla · fine. ·
• U + 23B5: ⎵⎵⎵⎵Quattro⎵spazi⎵prima, ⎵ora⎵⎵due, ⎵uno⎵at⎵end .⎵
• U + 2423: ␣␣␣␣Quattro␣spazi␣before, ␣now␣␣two, ␣one␣at␣end.␣

Opere a spaziatura singola meglio:

• U + 2E31: ⸱⸱⸱⸱Four⸱spaces⸱before,⸱now⸱⸱two,⸱one⸱at⸱end.⸱
• U + 00B7: ····Four·spaces·before,·now··two,·one·at·end.·
• U + 23B5: ⎵⎵⎵⎵Four⎵spaces⎵before,⎵now⎵⎵two,⎵one⎵at⎵end.⎵
• U + 2423: ␣␣␣␣Four␣spaces␣before,␣now␣␣two,␣one␣at␣end.␣

Risposta lunga

Per barra spaziatrice, U + 23B5 Bottom Square Bracket, HTML ⎵ ( ⎵ ) è la strada da percorrere. È “un simbolo utilizzato nelle tastiere e nelle tastiere virtuali dei telefoni cellulari, ma ha una bassa copertura dei caratteri. U + 2423 Open Box, HTML &blank (␣) era supportato meglio, sembra migliore con altri punteggiatura ma isolatamente è brutta: ␣ vs ⎵.

La rappresentazione visiva degli spazi nel testo sono bestie più diverse. Ai vecchi tempi delle console, i manuali rappresentavano gli spazi come una combinazione di be una barra (/). Cè un Unicode per questo, U +2422 Simbolo vuoto (␢), ma senza lo stesso impatto della rappresentazione precedente nella maggior parte dei caratteri. Ma laspetto vecchio o nuovo non aiuta molto. Usare le sovrapposizioni per simulare i vecchi metodi e U + 2422 direttamente:

• U + 0338: Theseb̷dob̷notb̷dob̷ab̷prettyb̷goodb̷jobb̷ofb̷conveyingb̷ab̷space.

• U + 2422: These␢non␢do␢un␢pretty␢good␢job␢of␢conveying ␢a␢space.

Una soluzione moderna consiste nellutilizzare il punto centrale del separatore di parole U + 2E31 (⸱) o U + 00B7 centrale punto (·). Il primo è consigliabile, il secondo ha un ampio supporto per i caratteri.

Esempi:

• Un lavoro abbastanza buono per gli spazi di visualizzazione. (U + 2E31)
• Un · buon · lavoro · di · visualizzazione · degli · spazi. (U + 00B7)
• A⸱pretty⸱good⸱job⸱of⸱displaying⸱a⸱space. (U + 2E31 mono spaziato) ^nota
• A·pretty·good·job·of·displaying·spaces. (U + 00B7 mono spaziato)

Per note storiche, usi e altre alternative, vedere https://en.wikipedia.org/wiki/Interpunct e https://en.wikipedia.org/wiki/Whitespace_character (sepolto in Panoramica / Definizione e ambiguity / Unicode / Substitutes).

Se ho capito bene, la tua applicazione mostra del testo come sequenze di tasti (o testo e tasti speciali).In tal caso, con lU-2423:

• A ␣ p r e t t y ␣ g o o d ␣ j o b ␣ o f ␣ d i s p l a y i n g ␣ k e s .

• A ␣ grazioso ␣ buono ␣ lavoro ␣ di ␣ mostra ␣ chiavi.

Con U-23B5:

• A ⎵ p r e t t y ⎵ g o o d ⎵ j o b ⎵ o f ⎵ d i s p l a y i n g ⎵ k e y s .

• Un ⎵ carino ⎵ buono ⎵ lavoro ⎵ di ⎵ che mostra ⎵ chiavi.

^note In alcuni caratteri con spaziatura singola, “è un glifo di larghezza diversa!

Commenti

• Cè ␢ U + 2422 simbolo vuoto, come si vede in molte altre risposte.
• Grazie, ho modificato per dirlo. Non riesco a trovarlo prima perché il nuovo rendering di ” b slash ” (o ” b solidus “) non è come ai tempi delle macchine da scrivere. Accidenti, adesso mi sento vecchio.
• Presumo che Lucida Sans Unicode (dei caratteri elencati su fileformat.info) corrisponda al meglio alle tue aspettative .
• PS: U + 2E31 è semanticamente a posto, ma mal supportato e (se lo è) di solito assomiglia a U + 00B7, che può avere un comportamento di interruzione di riga meno desiderabile ma è disponibile universalmente. Anche U + 2027 ha lo stesso aspetto (forse posizionato un po più in alto) ma è il carattere sbagliato per il lavoro, perché unisce le parole attorno ad esso – è per i dizionari. U + 2024/5 sono un ․ e due punti ‥ sulla linea di base, che potrebbero essere migliori di U + 2026 generico … o periodo standard U + 002E.

Puoi usare colore? Wikipedia utilizza i riquadri azzurri per mostrare i caratteri:

Ma se sei limitato a due colori, ti suggerirei questi:

• ˽ ⎵⎴ – Modifica del ripiano per lettere, sottostruttura o sovrastampa per rappresentare il pulsante
• ⬚ ◌ – Cerchio o quadrato tratteggiato per rappresentare il vuoto
• 👽 👾 🚀 – Unopzione comica.

Commenti

• Non sono sicuro che questa sia una buona idea.
• @PierreArlaud Non ‘ ne ho nemmeno parlato.
• @PierreArlaud La tua idea è piena di schifezze! Abbiamo deriso i nostri 💩 produttori quando labbiamo ‘ letta.
• con il colore puoi ‘ t mostrare facilmente quanti spazi tra le parole quando ce ne sono più di uno consecutivo

& vuoto; ␣

Wikipedia elenca i seguenti caratteri a questo scopo:

Unicode space-illustrating characters (visible) Code Decimal Name Block Display Entity U+00B7 183 Middle dot Basic Latin · · U+237D 9085 Shouldered open box Misc Technical ⍽ - U+2420 9248 Symbol for space Control Pictures ␠ - U+2422 9250 Blank symbol Control Pictures ␢ - U+2423 9251 Open box Control Pictures ␣ ␣ 

Jukka Korpela (autore di ” Unicode Explained “) ha un website che ha questo da dire:

Spazi visibili

Ci sono alcuni caratteri grafici che possono essere usati un simboli per uno spazio. Sebbene a volte siano chiamati spazi visibili, non sono affatto spazi ma notazioni visibili utilizzate per indicare laspetto degli spazi nei manuali di istruzioni e nelle descrizioni dei testi.

La tabella seguente elenca alcuni simboli, in ordine decrescente per utilità pratica . Le loro forme variano in base al carattere; in particolare lultimo varia molto.

 ␣ U+2423 OPEN BOX ␢ U+2422 BLANK SYMBOL ␠ U+2420 SYMBOL FOR SPACE 

Il simbolo ␢ ha una lunga storia di utilizzo per questo scopo nella prima programmazione del computer. Era scritto a mano sui fogli di codifica dai programmatori per indicare uno spazio agli operatori di macchine a schede perforate (che erano come un pool di battitura).

Io userei ␣ & vuoto; in particolare perché esiste unentità HTML con un nome così evidentemente rilevante.

Commenti

• Quindi, se ci sono simboli per mostrare lo spazio, ci sono simboli per visualizzare simboli di spazio?

Puoi sempre usare un carattere a spaziatura fissa, quindi lo spazio sarebbe indicato da uno spazio vuoto di dimensioni di un carattere :). Puoi evidenziare ogni spazio (ad es. <mark>&nbsp;</mark>) e impostare alcune regole CSS per renderlo del colore appropriato.

Guarda lURL di questa pagina. Gli spazi tra le parole del titolo sono sostituiti da un trattino. È intuitivo, leggibile e familiare.

Commenti

• Il problema è che il - avrà laspetto di un -!
• Questi sono trattini ‑ (U + 2011). I trattini sono – (en dash, U + 2013) e — (em dash U + 2014) . Inoltre, alcuni URL utilizzano un simbolo più, + (U + 002B), mentre altri scrivono chiaramente %20 (U + 0020 è il Carattere Unicode per lo spazio). Questa è chiamata codifica percentuale, una parte dellinsieme di URI.

Sono abituato a Eclipse “caratteri di spaziatura, che vengono utilizzati per mostrare gli spazi nel contesto della formattazione del codice.

• Spazio: U + 00B7 “punto centrale”: ·
• Tab: U + 2192 “freccia verso destra”: →

Se possibile, vengono visualizzati gli spazi bianchi in un colore più chiaro rispetto al testo normale aiuta a sottolineare che si tratta di caratteri di spazio bianco. Ad esempio, se il testo normale è nero, usa il grigio.

Commenti

• Il punto centrale è la soluzione migliore per lo spazio, ma per la tabulazione ci vuole più di una colonna sulla maggior parte dei caratteri a spaziatura fissa. Preferisco il triangolino nero rivolto a destra (U + 25B8) che può essere combinato con il punto centrale su vim per mostrare le tabulazioni.

Quando studiavo scrittura tecnica alluniversità qui in Nuova Zelanda, ci hanno insegnato a usare una casa (numero Unicode: U + 2302, codice HTML: & # 8962) o un triangolo verso lalto (numero Unicode: U + 25B3, codice HTML: & # 9651) per indicare gli spazi.

Set-ExecutionPolicy⌂Unrestricted Set-ExecutionPolicy△Unrestricted 

Commenti

• uhh … Ho davvero difficoltà a trovare lo spazio lì dentro. Sembra troppo un carattere, quindi devo leggere la parola due volte per dividere le parole nel posto giusto …
• @Falco, anche io. Immagino che dipenda dal carattere tipografico scelto .
• Ho visto che viene utilizzato per visualizzare un separatore di colonna (o tabulatore), ma non per i normali spazi tra le parole.

Come accennato in precedenza, lo spazio vuoto del programmatore tradizionale è una lettera b minuscola, sovrastata da una barra. Questi sono stati usati su fogli di codifica scritti a mano passati dai programmatori a operatori di keypunch che non avevano familiarità con il linguaggio di programmazione utilizzato e quindi richiedevano un input non ambiguo.

Su una pagina web, questo può essere rappresentato inserendo, in sequenza: una lettera minuscola b, un tag span che specifica un stile margine sinistro di -.4em, una barra in avanti, un tag di fine intervallo

(Luso di una classe CSS risparmierebbe la digitazione ed è solitamente una pratica migliore).

Usare em come unità di misura consente al carattere di scalare se il fo La dimensione nt è cambiata.

Non sto affermando che sia superiore, ma è un approccio che può essere utilizzato: per il testo che è da visualizzare come caratteri (non unimmagine) su uno schermo (non stampato): basta usare la stringa effettiva, con spazi come richiesto, e dire allutente di posizionare il cursore sulla stringa e usare un tasto freccia per spostarsi e contare spazi (lo faccio come lettore quando controllo alcune stringhe e conteggio lunghezze). Ciò ha il vantaggio che la stringa può essere copiata e incollata ed evita qualsiasi problema di rendering dei caratteri e supporto del set di caratteri.

Ad es. :

Le date possono essere inserite con più spazi, come in questo esempio, che ha 2 spazi tra ogni elemento “25 Dec 2016”. Posiziona il cursore su la stringa e utilizza i tasti freccia destra e sinistra per esplorarla. Puoi copiarla e incollarla nel programma.

(Nota: questo sito sostituisce spazi multipli inseriti da uno solo quindi, ironia della sorte, t il suo esempio non funziona qui. Ho inserito 2 spazi consecutivi dove ho detto di sì.)