Cum pot afișa cel mai bine un caracter spațial gol?

O aplicație web pe care o scriu selectează caractere individuale găsite pe o tastatură tradițională. Am o zonă foarte limitată în care caracterul poate fi afișat (care este în esență lățimea unui caracter W din fontul pe care îl folosesc) ceea ce înseamnă că nu pot afișa cuvântul „spațiu” sau „spațiu gol”.

Cum pot afișa cel mai bine caracterul spațiu gol?

Am încercat câteva opțiuni, dar nu sunt sigur dacă acestea ar duce doar la confuzie:

  • Exemplul 1 Folosind subliniere. Acest lucru arată un pic prea asemănător cu caracterul de subliniere.
  • Exemplul 2 Simbolul spațiului (␠ (␠)). Nici măcar nu știam că există până când am început să caut pentru răspunsuri la această întrebare, așa că „nu sunt sigur dacă acest lucru este recunoscut pe scară largă.
  • Exemplul 2 O margine de fund slab într-o culoare diferită.
  • Exemplul 3 Un caracter de bloc (█ (█)) ca cele utilizate într-un terminal pentru a reprezenta cursorul.
  • Exemplul 4 Un spațiu gol fără niciun stil aplicat.

Presupun că merită să menționăm că acest lucru este doar pentru afișare; utilizatorul nu are nicio interacțiune cu personajul în afară de recunoașterea acestuia atunci când citește pagina (așa că nu întreb despre Ce caracter pot folosi pentru a reprezenta bara de spațiu ? ).

Comentarii

  • Întrebare puternic legată: Este punctul de mijloc cel mai bun mod de a semnifica un spațiu?
  • Toate personajele vor fi separate vizual? Adică, sunt toate cutii separate în care se află personajul? Dacă da, ‘ pur și simplu nu folosesc niciun stil, cu excepția cazului în care aveți un motiv pentru care o singură casetă fiind goală înseamnă altceva (de exemplu, fără intrare).
  • @ JamesDonnelly De fapt, nu ‘ sugeram punctul de mijloc. Poate că ar fi trebuit să mă conectez direct la răspunsul meu, unde spun că Middot nu este cel cel mai bun personaj și sugerez un ” subbracket ” sau paranteză pentru indicatorul gol, așa cum a prezentat Ben mai jos.
  • Duplicat posibil de Ce caracter pot folosi pentru a reprezenta bara de spațiu?
  • Nu văd acest lucru ca pe un duplicat. Duplicatul propus întreabă cum să reprezinte utilizarea barei de spațiu fizice . Această întrebare se întreabă cum să reprezentați vizual un caracter gol / spațiu.

Răspuns

Interpunct

Nu este intruziv și abia se observă. Iar utilizatorii Word care îl cunosc, îl vor recunoaște cu ușurință, așa că veți avea o anumită consistență externă.

Pe baza comentariilor, am editat acest răspuns pentru a observa că este necesar pentru a genera o diferență între text. și interpunct, așa că am folosit o dimensiune a fontului ceva mai mare și am schimbat culoarea din negru în albastru deschis, deci este mai puțin vizibilă. De asemenea, există unele limbi (cum ar fi catalanul) care utilizează acest lucru ca personaj.

Este important să rețineți că acest caracter este folosit chiar înainte de era computerului (limba latină îl folosea).

Comentarii

  • o mulțime de editori de text centrați pe programare folosesc acest lucru și pentru urmărirea spațiului alb, deși într-o culoare estompată.
  • Aceasta este ceea ce Notepad ++ se folosește când îi cereți să facă vizibile caractere invizibile (butonul pilcrow).
  • Și mie îmi place interpunctul, dar așa cum subliniază Woodrow, o culoare estompată chiar îl ajută să fie mai puțin vizibil. Cred că în exemplul dvs. de text negru pe alb sunt destul de obscen.
  • În text, funcționează foarte bine, dar într-o cheie independentă nu sunt sigur că este atât de clar.
  • Adăugarea la @agweber poing. Culoarea decolorării este de asemenea importantă, deoarece unele limbi folosesc acest simbol ca parte a gramaticii lor (de exemplu, catalană; il · lusi ó).

Răspuns

Mersul meu a fost întotdeauna gol, ␣ (␣) sau caracterul de subsol ⎵ (⎵), care este mai larg . Le puteți vedea aici pe w3.org . Am folosit o grămadă de suporturi în cursurile mele de programare pentru a arăta spațiu în ieșirea programului.

De exemplu These␣do␣a␣pretty␣good␣job␣of␣conveying␣a␣space devine:

exemplu cu gol

Asigurați-vă că utilizați un font care implementează glifele unicode, astfel încât să nu se rupă dacă sistemul utilizatorilor nu le are, sau ar putea arăta ca:

Exemplu cu font care nu conține glifele] 2

Comentarii

  • These█do█not█do█a█pretty█good█job█of█conveying█a█space. imgur.com/Uj8fZeKl.png . Vă rugăm să fiți atenți să nu utilizați caractere care ar putea să nu existe în sistemul utilizatorului ‘, deoarece aceasta este, de fapt, o aplicație web. Dacă mergeți pe această rută, vă rugăm să includeți fontul cu aplicația.
  • @Tyzoid Sigur! Dacă ‘ veți folosi unicode, asigurați-vă că fontul pe care ‘ îl utilizați implementează acele glifuri. Acestea fiind spuse, ‘ nu sunt sigur că ‘ nu este rezonabil să se aștepte ca utilizatorul ‘ s sistemele să aibă un font care implementează toate simbolurile Unicode. De exemplu, sistemul meu servește acele glifuri din STIX General.
  • @Ben Poate fi cazul pentru majoritatea cazurilor, dar cred că nu este rezonabil să presupunem că utilizatorii ‘ au toate simbolurile Unicode disponibile. Al meu nu ‘ t, după cum reiese din captura de ecran a răspunsului dvs. (De asemenea, în beneficiul oamenilor ca mine, puteți include o captură de ecran a aspectului textului?)
  • Celălalt avantaj al acestui lucru este că puteți vedea unde aveți mai multe caractere spațiale la rând . Adică spui că sunt 4 caractere aici: ⎵⎵⎵⎵ și trei aici: ⎵⎵⎵, mult mai ușor decât aici: ____ vs. ___
  • De asemenea, merită spus că acestea nu sunt ‘ nu apare pe aplicația Android SE.

Răspuns

Răspuns scurt

Pentru a reprezenta o bară de spațiu a unei tastaturi, U + 23B5 Suport pătrat inferior (normal ⎵ aldin monospace ). Ca alternativă, U + 2423 Open Box (␣). În limbajul HTML, ⎵ și respectiv &blank. Pentru a reprezenta spații în text, utilizați interpunctul, punctul mijlociu U + 2E31 Separator de cuvinte (⸱) sau punctul de mijloc U + 00B7 (·) ca alternativă.

Repetarea minții și alte punctuații:

  • U + 2E31: ⸱Patru⸱spatii⸱ înainte, ⸱acum⸱⸱două, ⸱un⸱at⸱end.⸱
  • U + 00B7: ···· Patru · spații · Înainte, · acum ·· două, · unul · la · sfârșit. ·
  • U + 23B5: ⎵Patru⎵spatii⎵înainte, ⎵⎵nume⎵⎵două, ⎵un⎵at⎵end .⎵
  • U + 2423: ␣Patru␣spatii␣înainte, ␣acum␣␣două, ␣un␣at␣end.␣

Lucrări monoespazate mai bine:

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

Răspuns lung

Pentru bara de spațiu, U + 23B5 Suport pătrat inferior, HTML ⎵ () este calea de urmat. „Este un simbol utilizat în tastaturi și tastaturi virtuale ale telefoanelor mobile, dar are o acoperire redusă a fontului. U + 2423 Open Box, HTML &blank (␣) a fost mai bine acceptat, arată mai bine cu alte punctuație, dar este urât în mod izolat: vs .

Reprezentarea vizuală a spațiilor în text este o bestie mai diversă. În vremurile vechi ale consolei, manualele reprezentau spațiile ca o combinație de b și o bară (/). Există un Unicode pentru asta +2422 Simbol gol (␢), dar fără același impact al reprezentării anterioare în majoritatea fonturilor. Dar aspectul vechi sau nou nu ajută prea mult. Folosirea suprapunerilor pentru a simula vechile moduri și U + 2422 direct:

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

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

O soluție modernă este utilizarea punctului central U + 2E31 Separator Word (⸱) sau U + 00B7 Middle punct (·). Primul este recomandabil, al doilea are un suport larg pentru fonturi.

Exemple:

  • Un⸱mun⸱despre⸱mun⸱bun⸱de⸱espectare⸱spatii. (U + 2E31)
  • O · treabă · destul de · bună · de · afișare · a spațiilor. (U + 00B7)
  • A⸱pretty⸱good⸱job⸱of⸱displaying⸱a⸱space. (U + 2E31 mono spațiat) notă
  • A·pretty·good·job·of·displaying·spaces. (U + 00B7 mono spațiat)

Pentru note istorice, utilizări și mai multe alternative, consultați https://en.wikipedia.org/wiki/Interpunct și https://en.wikipedia.org/wiki/Whitespace_character (îngropat în Prezentare generală / Definiție și ambiguitate / Unicode / Înlocuitori).


Dacă înțeleg corect, aplicația dvs. afișează textul sub formă de apăsări de taste (sau text și taste speciale).Dacă da, cu 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 destul de bun job din afișând tastele .

Cu 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 destul de bun job din afișând tastele


note În unele fonturi mono spațiate, „este un glif de lățime diferită!

Comentarii

  • Există U + 2422 Simbol gol, așa cum se vede în alte câteva răspunsuri.
  • Mulțumesc, am editat să menționez că. Nu pot găsi acest lucru înainte, deoarece noua redare a ” b slash ” (sau ” b solidus „) nu este asemănător în zilele mașinilor de scris. Doamne, acum mă simt bătrân.
  • Presupun că Lucida Sans Unicode (dintre fonturile listate la fileformat.info) se potrivește cel mai bine cu așteptările tale .
  • PS: U + 2E31 este semantic bine, dar este slab acceptat și (dacă este) arată, de obicei, ca U + 00B7, care poate avea un comportament de rupere a liniei mai puțin dorit, dar este disponibil universal. U + 2027 arată, de asemenea, la fel (poate poziționat puțin mai sus), dar este caracterul greșit pentru job, deoarece se alătură cuvintelor din jur – este pentru dicționare. U + 2024/5 sunt unul și două puncte pe linia de bază, care pot fi mai bune decât U + 2026 sau perioada standard U + 002E.

Răspuns

Puteți utiliza culoare? Wikipedia utilizează casete albastru deschis pentru a afișa caracterele:

introduceți descrierea imaginii aici

Dar dacă sunteți limitat la două culori, aș sugera următoarele:

  • ˽ ⎵⎴ – Modificarea raftului de scrisori, a subsolului sau a suprasolicitării pentru a reprezenta butonul
  • ⬚ ◌ – Cerc punctat sau pătrat pentru a reprezenta golul
  • 👽 👾 🚀 – O opțiune de comedie.

Comentarii

  • Nu 💩 sigur💩 aceasta💩 este💩 o💩 idee💩 bună.
  • @PierreArlaud ‘ nici măcar nu am menționat acea rahat.
  • @PierreArlaud Ideea ta este plină de prostii! Am râs de producătorii noștri, când l-am citit ‘.
  • cu culoare puteți ‘ să afișați cu ușurință câte spații între cuvinte atunci când există mai multe spații consecutive

Răspuns

& gol; ␣

Wikipedia enumeră următoarele caractere în acest scop:

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 (autorul ” Unicode Explained „) are un website care are acest lucru de spus:

Spații vizibile

Există câteva caractere grafice care pot fi folosite un simbol pentru un spațiu. Deși uneori denumite spații vizibile, acestea nu sunt deloc spații, ci notații vizibile folosite pentru a indica apariția spațiilor în manualele de instrucțiuni și descrierile textelor.

Tabelul următor listează câteva simboluri, în ordine descrescătoare prin utilitate practică . Formele lor variază în funcție de font; mai ales ultima variază foarte mult.

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

Simbolul ␢ are o istorie lungă de utilizare în acest scop în programarea timpurie a computerului. A fost scris de mână pe foile de codare de către programatori pentru a indica un caracter spațial operatorilor de mașini de perforat carduri (care erau ca un pool de tastare).

Aș folosi ␣ & gol; mai ales că există o entitate HTML cu un nume atât de evident relevant.

Comentarii

  • Deci, dacă există simboluri pentru afișarea spațiului, există simboluri pentru afișarea simbolurilor spațiale?

Răspuns

Puteți utiliza întotdeauna un font monospațial, atunci spațiul ar fi indicat de un decalaj de dimensiunea caracterului :). Puteți evidenția fiecare spațiu (de exemplu, <mark>&nbsp;</mark>) și setați câteva reguli CSS pentru a face culoarea potrivită.

Răspuns

Uită-te la adresa URL a acestei pagini. Spațiile dintre cuvintele titlului sunt înlocuite cu o liniuță. Este intuitiv, lizibil și familiar.

Comentarii

  • Problema este, - va arăta exact ca un -!
  • Acestea sunt cratime (U + 2011). Linii sunt (en dash, U + 2013) și (em dash U + 2014) De asemenea, unele adrese URL folosesc un simbol plus, + (U + 002B), în timp ce altele scriu clar %20 (U + 0020 este Caracter Unicode pentru spațiu). Aceasta se numește codificare în procente, o parte a setului URI.

Răspuns

Sunt obișnuit cu Eclipse „caractere în spațiu, care sunt folosite pentru afișarea spațiului în contextul formatării codului.

  • Spațiu: U + 00B7 „punct de mijloc”: ·
  • Fila: U + 2192 „săgeată spre dreapta”: →

Dacă puteți, afișarea caracterelor în spațiu alb într-o culoare mai deschisă decât textul obișnuit ajută la sublinierea faptului că acestea sunt caractere în spațiu alb. De exemplu, dacă textul normal este negru, utilizați gri.

Comentarii

  • Punctul de mijloc este cea mai bună soluție pentru spațiu, dar pentru filă este nevoie mai mult de o coloană pe majoritatea fonturilor monospațiate. Prefer triunghiul mic negru cu punct dreapta (U + 25B8) care poate fi combinat cu punctul din mijloc pe vim pentru a afișa filele.

Răspuns

Când învățam scrierea tehnică la universitate aici, în Noua Zeelandă, am fost învățați să folosim o casă (număr Unicode: U + 2302, cod HTML: & # 8962) sau un triunghi sus (număr Unicode: U + 25B3, cod HTML: & # 9651) pentru a indica spații.

Set-ExecutionPolicy⌂Unrestricted Set-ExecutionPolicy△Unrestricted 

Comentarii

  • uhh … Mi-e foarte greu să găsesc spațiul acolo. Arată prea mult ca un personaj, așa că trebuie să citesc cuvântul de două ori pentru a împărți chiar cuvintele la locul potrivit …
  • @Falco, la fel și eu. Cred că depinde de tipul de literă ales .
  • Am văzut că este folosit pentru a afișa un separator de coloane (sau tabulator), dar nu pentru spații normale între cuvinte.

Răspuns

După cum sa menționat mai sus, golul programatorului tradițional este o literă minusculă b, suprapusă printr-o bară directă. Acestea au fost utilizate pe foile de codare scrise manual transmise de la programatori la operatorii keypunch care nu erau familiarizați cu limbajul de programare utilizat și, prin urmare, au necesitat o intrare neechivocă.

Pe o pagină web, acest lucru poate fi reprezentat prin introducerea, în ordine: o literă minusculă b, o etichetă span care specifică o stil-margine-stânga -.4em, o bară directă, o etichetă de span final

(Utilizarea unei clase CSS ar economisi tastarea și este de obicei o practică mai bună).

unitatea de măsură permite caracterului să se scaleze dacă fo dimensiunea nt este modificată.

Răspuns

Nu pretind că acest lucru este superior, dar este o abordare care poate fi utilizată: pentru textul care este pentru a fi afișat ca caractere (nu o imagine) pe un ecran (neimprimat): folosiți doar șirul propriu-zis, cu spații, după cum este necesar, și spuneți utilizatorului să poziționeze cursorul pe șir și utilizați o tastă săgeată pentru a muta și număra spații (fac asta ca cititor la verificarea unor șiruri și numărarea lungimilor). Acest lucru are avantajul că șirul poate fi copiat și lipit și evită orice problemă de redare a caracterelor și suport pentru setul de caractere. :

Datele pot fi introduse cu mai multe spații, ca în acest exemplu, care are 2 spații între fiecare element „25 Dec 2016”. Puneți cursorul pe șirul și utilizați tastele săgeată dreapta și stânga pentru a-l explora. Puteți copia acest lucru și lipiți-l în program.

(Notă: acest site înlocuiește spații multiple introduse de unul singur, astfel, ironic, t exemplul său nu funcționează aici. Am intrat în 2 spații consecutive unde am spus că am făcut-o.)

Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *