it-swarm.com.de

Wie kann ich ein Leerzeichen am besten anzeigen?

Eine Web-App, die ich schreibe, hebt einzelne Zeichen hervor, die auf einer herkömmlichen Tastatur zu finden sind. Ich habe einen sehr begrenzten Bereich, in dem das Zeichen angezeigt werden kann (was im Grunde die Breite eines W-Zeichens in der von mir verwendeten Schriftart ist), was bedeutet, dass ich das Wort "Leerzeichen" oder "Leerzeichen" nicht anzeigen kann.

Wie kann ich das Leerzeichen am besten anzeigen?

Ich habe einige Optionen ausprobiert, bin mir aber nicht sicher, ob diese nur zu Verwirrung führen würden:

  • Example 1 Unterstreichen. Dies sieht dem Unterstrich etwas zu ähnlich.
  • Example 2 Das Leerzeichen (␠ (␠)). Ich wusste nicht einmal, dass es das gibt, bis ich selbst nach Antworten auf diese Frage suchte, daher bin ich mir nicht sicher, ob dies allgemein anerkannt ist.
  • Example 2 Ein schwacher unterer Rand in einer anderen Farbe.
  • Example 3 Ein Blockzeichen (█ (█)) wie in einem Terminal zur Darstellung des Cursors.
  • Example 4 Ein Leerzeichen ohne Stil.

Ich nehme an, es ist erwähnenswert, dass dies nur zu Anzeigezwecken dient. Der Benutzer hat keine Interaktion mit dem Zeichen, außer zu bestätigen, dass es beim Lesen der Seite vorhanden ist (also frage ich nicht nach Welches Zeichen kann ich zur Darstellung der Leertaste verwenden? ).

83
James Donnelly

(Interpunct

Ist nicht aufdringlich und kaum wahrnehmbar. Und Word-Benutzer, die damit vertraut sind, werden es leicht erkennen, sodass Sie eine gewisse externe Konsistenz haben.

Basierend auf den Kommentaren habe ich diese Antwort bearbeitet, um festzustellen, dass dies erforderlich ist, um einen Unterschied zwischen Text und Interpunct zu erzeugen. Daher habe ich eine etwas größere Schriftgröße verwendet und die Farbe von Schwarz auf Hellblau geändert, damit sie weniger auffällt. Es gibt auch einige Sprachen (wie Katalanisch), die dies als Zeichen verwenden.

Es ist wichtig zu beachten, dass dieses Zeichen bereits vor dem Computerzeitalter verwendet wurde (lateinische Sprache verwendet es).

111
IAmJulianAcosta

Mein Besuch war immer leer, ␣ (␣) oder das Unterklammerzeichen ⎵ (⎵), der breiter ist. Sie können sie hier auf w3.org sehen. Ich habe in meinen Programmierkursen ein paar Unterstriche verwendet, um Platz in der Programmausgabe anzuzeigen.

Beispielsweise These␣do␣a␣pretty␣good␣job␣of␣conveying␣a␣space wird:

example with blank

Stellen Sie sicher, dass Sie eine Schriftart verwenden, die die Unicode-Glyphen implementiert, damit sie nicht beschädigt wird, wenn das Benutzersystem sie nicht hat, oder sie könnte folgendermaßen aussehen:

Example with font not containing the glyphs] 2

78
Brynn

Kurze Antwort

Um eine Leertaste einer Tastatur darzustellen, U + 23B5 Bottom Square Bracket (normal ⎵ fett monospace ). Alternativ U + 2423 Open Box (␣). In HTML-Parlace ⎵ und &blank, beziehungsweise. Verwenden Sie zur Darstellung von Leerzeichen im Text alternativ den Interpunkt U + 2E31 Word Separator Middle Dot (⸱) oder U + 00B7 Middle Dot (·).

Gedankenwiederholung und andere Interpunktion:

  • U + 2E31: "Vier Räume" vor "Jetzt", "Eins" am Ende
  • U + 00B7: ···· Vier · Leerzeichen · vor, · jetzt ·· zwei, · eins · am · Ende. ·
  • U + 23B5: "Vier Räume" vor "Jetzt", "Eins" am Ende
  • U + 2423: "Vier Räume" vor "Jetzt", "Eins" am Ende

Monoespaced funktioniert besser:

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

Lange Antwort

Für Leertaste U + 23B5 Bottom Square Bracket, HTML ⎵ () ist der richtige Weg. Es ist ein Symbol, das in Tastaturen und virtuellen Tastaturen von Mobiltelefonen verwendet wird, jedoch eine geringe Schriftabdeckung aufweist. U + 2423 Open Box, HTML &blank (␣) wurde besser unterstützt, sieht mit anderen Satzzeichen besser aus, ist aber isoliert hässlich: vs .

Die visuelle Darstellung von Räumen im Text ist vielfältiger. In den alten Tagen der Konsole stellten Handbücher Leerzeichen als eine Kombination aus b und einem Schrägstrich (/) dar. Dafür gibt es einen Unicode, das leere Symbol U + 2422 (␢), jedoch ohne die gleiche Auswirkung der vorherigen Darstellung in den meisten Schriftarten. Aber das alte oder neue Aussehen hilft nicht viel. Verwenden von Overlays, um die alten Methoden und U + 2422 direkt zu simulieren:

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

  • U + 2422: Diese sind nicht gut genug, um einen Raum zu vermitteln.

Eine moderne Lösung besteht darin, den mittleren Punkt U + 2E31 Word Separator (⸱) oder den mittleren Punkt U + 00B7 (·) zu verwenden. Der erste ist ratsam, der zweite bietet breite Unterstützung für Schriftarten.

Beispiele:

  • A⸱pretty⸱good⸱job⸱of⸱displaying⸱spaces. (U + 2E31)
  • Eine · ziemlich · gute · Aufgabe ·, · Räume anzuzeigen. (U + 00B7)
  • A⸱pretty⸱good⸱job⸱of⸱displaying⸱a⸱space. (U + 2E31 mono beabstandet)hinweis
  • A·pretty·good·job·of·displaying·spaces. (U + 00B7 mono beabstandet)

Historische Notizen, Verwendungen und weitere Alternativen finden Sie unter https://en.wikipedia.org/wiki/Interpunct und https://en.wikipedia.org/wiki/Whitespace_character = (begraben in Übersicht/Definition und Mehrdeutigkeit/Unicode/Ersatz).


Wenn ich das richtig verstehe, zeigt Ihre Anwendung Text als Tastenanschläge (oder Text und Sondertasten) an. Wenn ja, mit U-2423:

  • Aprettygoodjobofdisplayingkeys.

  • EINziemlichgutJobvondisplay_Schlüssel.

Mit U-23B5:

  • Aprettygoodjobofdisplayingkeys.

  • EINziemlichgutJobvondisplay_Schlüssel.


hinweis Bei einigen Mono-Schriftarten handelt es sich um eine Glyphe unterschiedlicher Breite!

30

Kannst du Farbe verwenden? Wikipedia verwendet hellblaue Kästchen, um die Zeichen anzuzeigen:

(enter image description here

Aber wenn Sie auf zwei Farben beschränkt sind, würde ich diese vorschlagen:

  • ˽ ⎵⎴ - Ändern des Briefregals, der Unter- oder Überhalterung, um die Schaltfläche darzustellen
  • ⬚ ◌ - Gepunkteter Kreis oder Quadrat zur Darstellung der Leere
  • ???? ???? ???? - Eine Comedy-Option.
17
PixelSnader

&leer; ␣

Wikipedia listet zu diesem Zweck folgende Zeichen auf:

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 (Autorin von "Unicode Explained") hat eine Website , die folgendes zu sagen hat:

Sichtbare Räume

Es gibt einige grafische Zeichen, die als Symbole für ein Leerzeichen verwendet werden können. Obwohl sie manchmal als sichtbare Leerzeichen bezeichnet werden, handelt es sich überhaupt nicht um Leerzeichen, sondern um sichtbare Notationen, die das Erscheinen von Leerzeichen in Bedienungsanleitungen und Textbeschreibungen anzeigen.

In der folgenden Tabelle sind einige Symbole in absteigender Reihenfolge nach praktischer Nützlichkeit aufgeführt. Ihre Formen variieren je nach Schriftart. vor allem der letzte ist sehr unterschiedlich.

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

Das Symbol ␢ hat eine lange Tradition in der frühen Computerprogrammierung. Es wurde von Programmierern auf Codierungsblättern handgeschrieben, um den Bedienern von Lochkartenmaschinen (die wie ein Schreibpool waren) ein Leerzeichen anzuzeigen.

Ich würde ␣ & blank verwenden; zumal es eine HTML-Entität mit einem so offensichtlich relevanten Namen gibt.

13
RedGrittyBrick

Sie könnten immer eine Monospace-Schriftart verwenden, dann würde der Raum durch eine Zeichengröße angezeigt :). Sie können jedes Leerzeichen hervorheben (z. B. <mark>&nbsp;</mark>) und legen Sie einige CSS-Regeln fest, um die entsprechende Farbe zu erhalten.

4
Algy Taylor

Schauen Sie sich die URL dieser Seite an. Die Leerzeichen zwischen den Wörtern des Titels werden durch einen Bindestrich ersetzt. Es ist intuitiv, lesbar und vertraut.

3
michael.quiapos

Ich bin an die Leerzeichen von Eclipse gewöhnt, die zum Anzeigen von Leerzeichen im Kontext der Codeformatierung verwendet werden.

  • Leerzeichen: U + 00B7 "mittlerer Punkt": ·
  • Tab: U + 2192 "Pfeil nach rechts": →

Wenn Sie können, können Sie durch die Anzeige von Leerzeichen in einer helleren Farbe als normaler Text hervorheben, dass es sich um Leerzeichen handelt. Wenn normaler Text beispielsweise schwarz ist, verwenden Sie grau.

3
user44517

Als ich an der Universität hier in Neuseeland technisches Schreiben lernte, wurde uns beigebracht, ein Haus (Unicode-Nummer: U + 2302, HTML-Code: & # 8962) oder ein Dreieck (Unicode-Nummer: U + 25B3, HTML) zu verwenden -code: & # 9651), um Leerzeichen anzugeben.

Set-ExecutionPolicy⌂Unrestricted

Set-ExecutionPolicy△Unrestricted
2

Wie oben erwähnt, ist das Leerzeichen des herkömmlichen Programmierers ein Kleinbuchstabe b, der von einem Schrägstrich überlagert wird. Diese wurden auf handgeschriebenen Codierungsblättern verwendet, die von Programmierern an Keypunch-Bediener weitergegeben wurden, die mit der verwendeten Programmiersprache nicht vertraut waren und daher eindeutige Eingaben benötigten.

Auf einer Webseite kann dies dargestellt werden, indem nacheinander ein Kleinbuchstabe b, ein Span-Tag, das einen Rand-Links-Stil von -.4em angibt, ein Schrägstrich und ein End-Span-Tag eingegeben werden

(Die Verwendung einer CSS-Klasse würde die Eingabe sparen und ist normalerweise eine bessere Vorgehensweise.).

Wenn Sie em als Maßeinheit verwenden, kann das Zeichen skaliert werden, wenn die Schriftgröße geändert wird.

0
Chris Beall