Är inte påträngande och märks knappt. Och Word-användare som är bekanta med det, kommer att känna igen det lätt, så du kommer att ha en viss extern konsistens.

Baserat på kommentarerna redigerade jag det här svaret för att notera att det är nödvändigt för att skapa skillnad mellan text och interpunktion så jag använde en aning större teckenstorlek och bytte färg från svart till ljusblått, så det är mindre märkbart. Det finns också vissa språk (som katalanska) som använder detta som ett tecken.

Det är viktigt att notera att detta tecken används redan före datoråldern (latinska språket använde det).

Kommentarer

• en hel del programmeringscentrerade textredigerare använder detta för att även följa det vita utrymmet, om än i en blek färg.
• Detta är vad Notepad ++ använder när du ber den göra osynliga tecken synliga (pilcrow-knappen).
• Jag tycker också om interpunktionen, men som Woodrow påpekar hjälper en blek färg verkligen att den blir mindre märkbar. Jag tror att i ditt exempel på svart text på vitt är de ganska påträngande.
• Inom texten fungerar det mycket bra, men i en fristående nyckel är jag inte säker på att det är så tydligt.
• Lägger till @agweber poing. Blekande färg är också viktigt eftersom vissa språk använder denna symbol som en del av sin grammatik (t.ex. katalanska; il · lusi ó).

Min gå till har alltid varit tom, ␣ (␣) eller underbracket ⎵ (⎵), som är bredare . Du kan se dem här på w3.org . Jag har använt underbracket ett gäng i mina programmeringskurser för att visa utrymme i programutdata.

Till exempel blir These␣do␣a␣pretty␣good␣job␣of␣conveying␣a␣space:

Se till att du använder ett teckensnitt som implementerar unicode-glyferna så att det inte går sönder om användarsystemet inte har dem, eller så kan det se ut:

] 2

Kommentarer

• Dessa█ gör█ inte█ gör█a█ganska█god█jobb█av█förmedling█en█utrymme. imgur.com/Uj8fZeKl.png . Var försiktig när du inte använder tecken som kanske inte finns i användarens ’ -system, eftersom det i själva verket är en webbapp. Om du går den här vägen, vänligen inkludera teckensnittet i appen.
• @Tyzoid Visst! Om du ’ ska använda unicode, se till att det teckensnitt som du ’ använder implementerar dessa tecken. Med detta sagt är jag ’ inte säker på att det ’ är orimligt att förvänta sig att användare ’ s system för att ha ett teckensnitt som implementerar alla unicode-symboler. Till exempel serverar mitt system dessa glyfer från STIX General.
• @Ben Det kan vara fallet i de flesta fall, men jag tycker att det är orimligt att anta att användare ’ system har alla unicode-symboler tillgängliga. Gruvan ’ t, vilket framgår av skärmdumpen av ditt svar. (Kan du, till förmån för människor som jag, inkludera en skärmdump av hur texten ska se ut?)
• Den andra fördelen med detta är att du kan se var du har flera mellanslagstecken i rad . Dvs du säger att det finns fyra tecken här: ⎵⎵⎵⎵ och tre här: ⎵⎵⎵, mycket lättare än här: ____ vs. ___
• Det är också värt att säga att dessa inte är ’ visas inte i SE android-appen.

Kort svar

För att representera ett mellanslag på tangentbordet, U + 23B5 Bottenfäste (normalt ⎵ fet ⎵ monospace ⎵). Som alternativ U + 2423 Open Box (␣). I HTML-parlace ⎵ respektive &blank. För att representera mellanslag i text använder du interpunktionen, U + 2E31 Word Separator Middle Dot (⸱) eller U + 00B7 Middle dot (·) som alternativ.

Mind repetition och annan skiljetecken:

• U + 2E31: ⸱⸱⸱⸱Fyra⸱utrymmen⸱ före, ⸱now⸱⸱two, ⸱one⸱at⸱end.⸱
• U + 00B7: ···· Fyra · mellanslag · Före, · nu ·· två, · en · vid · slutet. ·
• U + 23B5: ⎵⎵⎵⎵Fyra⎵utrymmen, före, ⎵⎵now⎵⎵two, ⎵one⎵at⎵end .⎵
• U + 2423: ␣Fyra␣utrymmen␣ före, ␣now␣␣two, ␣one␣at␣end.␣

Monospace-verk bättre:

• 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.␣

Långt svar

För mellanslag, U + 23B5 Bottenfäste, HTML ⎵ ( ⎵ ) är vägen att gå. Det är en symbol som används i tangentbord och virtuella tangentbord på mobiltelefoner, men har låg teckensnitt. U + 2423 Open Box, HTML &blank (␣) fick bättre stöd, ser bättre ut med andra skiljetecken men är ful isolerat: ␣ vs ⎵.

Visuell representation av mellanslag i text är mer mångfaldig. I gamla konsoldagar representerade manualer mellanslag som en kombination av b och snedstreck (/). Det finns en Unicode för det, U +2422 Tomt symbol (␢), men utan samma påverkan av den tidigare representationen i de flesta typsnitt. Men det gamla utseendet eller det nya hjälper inte mycket. Använd överlägg för att simulera de gamla sätten och U + 2422 direkt:

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

• U + 2422: These␢do␢not␢do␢a␢pretty␢good␢job␢of␢ transport ␢a␢space.

En modern lösning är att använda U + 2E31 Word Separator Middle Dot (⸱) eller U + 00B7 Middle punkt (·). Det första är tillrådligt, det andra har brett teckensnittsstöd.

Exempel:

• A⸱ganska⸱god⸱jobb⸱av⸱visningsplatser. (U + 2E31)
• A · ganska · bra · jobb · av · visning · mellanslag. (U + 00B7)
• A⸱pretty⸱good⸱job⸱of⸱displaying⸱a⸱space. (U + 2E31 mono mellanslag) ^anteckning
• A·pretty·good·job·of·displaying·spaces. (U + 00B7 mono mellanslag)

För historiska anteckningar, användningsområden och fler alternativ, se https://en.wikipedia.org/wiki/Interpunct och https://en.wikipedia.org/wiki/Whitespace_character (begravd i översikt / definition och tvetydighet / Unicode / Substitutes).

Om jag förstår rätt visar din applikation text som tangenttryckningar (eller text och specialtangenter).Om så är fallet, med U-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 ␣ söt ␣ bra ␣ jobb ␣ av ␣ visar ␣ -tangenter.

Med 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 .

• A ⎵ ganska ⎵ bra ⎵ jobb ⎵ av ⎵ visar ⎵ -tangenter.

^anteckning I vissa monoavståndsteckensnitt är det ett tecken med olika bredd!

Kommentarer

• Det finns ␢ U + 2422 Tom symbol, som framgår av flera andra svar.
• Tack, jag redigerade att nämna det. Jag kunde inte hitta detta förut eftersom den nya rendering av ” b snedstreck ” (eller ” b solidus ”) är inte som liknande under skrivmaskinernas dagar. Gosh, jag känner mig gammal nu.
• Jag antar att Lucida Sans Unicode (av de typsnitt som anges på fileformat.info) matchar dina förväntningar bäst .
• PS: U + 2E31 är semantiskt bra men stöds dåligt och (om det är) ser vanligtvis precis ut som U + 00B7, som kan ha mindre önskvärt linjebrytande beteende men är tillgängligt universellt. U + 2027 ser också likadant ut (kanske placerad lite högre) men är fel karaktär för jobbet, eftersom det sammanfogar orden runt det – det är för ordböcker. U + 2024/5 är en ․ och två punkter ‥ på baslinjen, vilket kan vara bättre än bred U + 2026 … eller standardperiod U + 002E.

Kan du använda Färg? Wikipedia använder ljusblå rutor för att visa karaktärerna:

Men om du är begränsad till två färger föreslår jag dessa:

• ˽ ⎵⎴ – Ändra bokstavshylla, underfäste eller överfäste för att representera knappen
• ⬚ ◌ – Prickad cirkel eller kvadrat för att representera tomhet
• 👽 👾 🚀 – Ett komediealternativ.

Kommentarer

• Inte säker💩 det här är💩 en bra idé.
• @PierreArlaud Jag nämnde inte ens ’ det där.
• @PierreArlaud Din idé är full av skit! Vi skrattade våra 💩-producenter när vi ’ har läst den.
• med färg kan du ’ t enkelt visa hur många mellanslag mellan orden när det finns flera på varandra följande

& blank; ␣

Wikipedia listar följande tecken för detta ändamål:

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 (författare till ” Unicode Explained ”) har en webbplats som har detta att säga:

Synliga utrymmen

Det finns några grafiska tecken som kan användas symboler för ett mellanslag. Även om de ibland kallas synliga utrymmen är de inte mellanslag utan synliga notationer som används för att ange utrymmets utseende i instruktionsmanualer och beskrivningar av texter. . Deras former varierar beroende på typsnitt; särskilt den sista varierar mycket.

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

Symbolen ␢ har en lång historik användning för detta ändamål i tidig datorprogrammering. Det skrevs för hand på kodark av programmerare för att ange ett mellanslagstecken för maskinkortsoperatörer (som var som en typpool).

Jag skulle använda ␣ & blank; särskilt eftersom det finns en HTML-enhet med ett så uppenbart relevant namn.

Kommentarer

• Så om det finns symboler för att visa utrymme, finns det symboler för visa mellansymboler?

Du kan alltid använda ett monospace-teckensnitt, då kommer utrymmet att indikeras av ett litet mellanrum :). Du kan markera alla mellanslag (t.ex. <mark>&nbsp;</mark>) och ställa in några CSS-regler för att göra det till lämplig färg.

Titta på webbadressen till denna sida. Mellanslagen mellan titelns ord ersätts med en streck. Dess intuitiva, läsbara och bekanta.

Kommentarer

• Problemet är att - ser ut som en -!
• Det är bindestreck ‑ (U + 2011). Streck är – (en bindestreck, U + 2013) och — (em dash U + 2014) . Vissa webbadresser använder också en plussymbol, + (U + 002B), medan andra tydligt skriver %20 (U + 0020 är Unicode-tecken för utrymme). Detta kallas procentkodning, en del av URI-uppsättningen.

Jag är van vid att Eclipse ”s mellanslagstecken, som används för att visa mellanslag i samband med kodformatering.

• Mellanslag: U + 00B7 ”mittpunkt”: ·
• Flik: U + 2192 ”pil åt höger”: →

Om du kan, visar blankstegstecken i en ljusare färg än vanlig text hjälper till att betona att det här är blankstegstecken. Om normal text till exempel är svart, använd grå.

Kommentarer

• Mittpunkten är den bästa lösningen för utrymme, men för fliken tar det mer än en kolumn på de flesta typsnitt. Jag föredrar den svarta högerpekande lilla triangeln (U + 25B8) som kan kombineras med mittpunkten på vim för att visa flikar.

När jag lärde mig att skriva på universitetet här i Nya Zeeland lärde vi oss att använda ett hus (Unicode-nummer: U + 2302, HTML-kod: & # 8962) eller en triangel (Unicode-nummer: U + 25B3, HTML-kod: & # 9651) för att ange mellanslag.

Set-ExecutionPolicy⌂Unrestricted Set-ExecutionPolicy△Unrestricted 

Kommentarer

• uhh … Jag har verkligen svårt att hitta utrymmet där inne. Det ser för mycket ut som en karaktär, så jag måste läsa ordet två gånger för att till och med dela upp orden på rätt plats …
• @Falco, det gör jag också. Jag antar att det beror på det valda typsnittet .
• Jag har sett att det används för att visa en kolumnavgränsare (eller tabulator), men inte för normala mellanord mellanrum.

Som nämnts ovan är den traditionella programmerarens blanka bokstav b, överlagrad med ett snedstreck. Dessa användes på handskrivna kodark som skickades från programmerare till tangentbordsoperatörer som inte kände till det programmeringsspråk som användes och därmed krävde entydig inmatning.

På en webbsida kan detta representeras genom att ange i följd: en liten bokstav b, en spänntagg som anger margin-left stil av -.4em, ett snedstreck framåt, en slutspänntagg

(Att använda en CSS-klass skulle spara typning och är vanligtvis bättre praxis).

Att använda dem som mätenhet tillåter karaktären att skala om fo nt storlek ändras.

Jag hävdar inte att detta är överlägset, men det är ett tillvägagångssätt som kan användas: för text som är för att visas som tecken (inte en bild) på en skärm (skrivs inte ut): använd bara den aktuella strängen, med blanksteg efter behov, och ber användaren att placera markören på strängen och använd en piltangent för att flytta och räkna mellanslag (jag gör det som en läsare när jag kontrollerar några strängar och räknar längder). Detta har fördelen att strängen kan kopieras och klistras in och undviker eventuella problem med teckenåtergivning och stöd för teckenuppsättning.

t.ex. :

Datum kan anges med flera mellanslag, som i detta exempel, som har två mellanslag mellan varje element ”25 dec 2016”. Sätt markören på strängen och använd höger och vänster piltangenter för att utforska den. Du kan kopiera den och klistra in den i programmet.

(Obs: den här webbplatsen ersätter flera mellanslag inmatade av en enda så, ironiskt nog, t hans exempel fungerar inte här. Jag gick in i två på varandra följande platser där jag sa att jag gjorde det.)