Wie kann ich ein Leerzeichen am besten anzeigen?

Eine Web-App, die ich schreibe, hebt einzelne Zeichen hervor, die auf einer herkömmlichen Tastatur gefunden wurden. Ich habe einen sehr begrenzten Bereich, in dem das Zeichen angezeigt werden kann (welche) ist im Grunde die Breite eines W-Zeichens in der Schriftart, die ich verwende), 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:

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

Ich nehme an, es ist erwähnenswert, dass dies nur zu Anzeigezwecken dient. Der Benutzer hat keine andere Interaktion mit dem Zeichen als zu bestätigen, dass es beim Lesen der Seite vorhanden ist (daher frage ich nicht nach Mit welchem Zeichen kann ich die Leertaste darstellen ? ).

Kommentare

  • Stark verwandte Frage: Ist der mittlere Punkt Der beste Weg, um ein Leerzeichen zu kennzeichnen?
  • Werden alle Zeichen visuell getrennt? Das heißt, sind das alles separate Kästchen, in denen der Charakter liegt? Wenn ja, würde ich ‚ nur keinen Stil verwenden, es sei denn, Sie haben einen Grund dafür, dass ein einzelnes Feld, das leer ist, etwas anderes bedeutet (wie keine Eingabe).
  • @ JamesDonnelly Eigentlich habe ich ‚ nicht den mittleren Punkt vorgeschlagen. Vielleicht hätte ich direkt auf meine Antwort verweisen sollen, wo ich sage, dass middot nicht der beste Charakter ist, und eine “ Unterklammer oder Leerzeichen-Klammer wie Ben unten.
  • Mögliches Duplikat von Mit welchem Zeichen kann ich die Leertaste darstellen?
  • Ich sehe dies nicht als Duplikat. Das vorgeschlagene Duplikat fragt, wie die Verwendung der physischen Leertaste dargestellt werden soll. In dieser Frage wird gefragt, wie ein Leerzeichen / Leerzeichen visuell dargestellt werden soll.

Antwort

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 zu beachten, dass dies erforderlich ist, um einen Unterschied zwischen Text zu erzeugen und interpunct, also habe ich eine etwas größere Schriftgröße verwendet und die Farbe von Schwarz auf Hellblau geändert, damit es 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 wird (lateinische Sprache verwendet es).

Kommentare

  • Viele programmierorientierte Texteditoren verwenden dies auch für nachgestellte Leerzeichen, wenn auch in einer verblassten Farbe.
  • Dies ist Notepad ++ wird verwendet, wenn Sie darum bitten, unsichtbare Zeichen sichtbar zu machen (die Pilcrow-Taste).
  • Ich mag auch die Interpunktion, aber wie Woodrow betont, hilft eine verblasste Farbe wirklich, dass sie weniger auffällt. Ich denke, in Ihrem Beispiel für schwarzen Text auf Weiß sind sie ziemlich aufdringlich.
  • Innerhalb von Text funktioniert dies sehr gut, aber in einer eigenständigen Taste bin ich mir nicht sicher, ob es so klar ist.
  • Hinzufügen zu @agweber poing. Das Ausbleichen der Farbe ist ebenfalls wichtig, da einige Sprachen dieses Symbol als Teil ihrer Grammatik verwenden (z. B. Katalanisch; il · lusi ó).

Antwort

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

Zum Beispiel wird These␣do␣a␣pretty␣good␣job␣of␣conveying␣a␣space zu:

Beispiel mit leerem

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

Beispiel mit einer Schriftart, die keine Glyphen enthält] 2

Kommentare

  • Diese█do█not█do█a█pretty█good█job█of█conveying█a█space. imgur.com/Uj8fZeKl.png . Bitte seien Sie vorsichtig, wenn Sie keine Zeichen verwenden, die möglicherweise nicht auf dem System des Benutzers ‚ vorhanden sind, da es sich tatsächlich um eine Web-App handelt. Wenn Sie diesen Weg gehen, fügen Sie bitte die Schriftart der App bei.
  • @Tyzoid Auf jeden Fall! Wenn Sie ‚ Unicode verwenden, stellen Sie sicher, dass die Schriftart, die Sie ‚ verwenden, diese Glyphen implementiert. Davon abgesehen bin ich ‚ nicht sicher, ob es ‚ unvernünftig ist, Benutzer ‚ zu erwarten Systeme mit einer Schriftart, die alle Unicode-Symbole implementiert. Zum Beispiel liefert mein System diese Glyphen aus dem STIX General.
  • @Ben Dies mag in den meisten Fällen der Fall sein, aber ich halte es für unangemessen, Benutzer ‚ -Systeme stehen alle Unicode-Symbole zur Verfügung. Meins ‚ t, wie der Screenshot Ihrer Antwort zeigt. (Können Sie zum Nutzen von Leuten wie mir auch einen Screenshot davon einfügen, wie der Text aussehen soll?)
  • Der andere Vorteil ist, dass Sie sehen können, wo Sie mehrere Leerzeichen in einer Reihe haben . Das heißt, Sie sagen, dass es hier 4 Zeichen gibt: ⎵⎵⎵⎵ und drei hier: ⎵⎵⎵, viel einfacher als hier: ____ vs. ___
  • Auch erwähnenswert, dass diese nicht wird in der SE-Android-App nicht angezeigt.

Antwort

Kurze Antwort

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

Gedankenwiederholung und andere Interpunktion:

  • U + 2E31: „Vier Räume“ vor, „jetzt“, „ein“ am Ende.
  • U + 00B7: ···· Vier · Räume · Vorher, · jetzt ·· zwei, · eins · am · Ende. ·
  • U + 23B5: ⎵Vier⎵räume ,vor, ⎵nun⎵⎵zwei, ⎵one⎵at⎵end .⎵
  • U + 2423: „Vier Räume“ vor, „jetzt“, „am Ende“.

Monoespaced-Werke 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 untere eckige Klammer, HTML ⎵ () ist der richtige Weg. Es ist ein Symbol, das in Tastaturen und virtuellen Tastaturen von Mobiltelefonen verwendet wird, aber eine geringe Schriftabdeckung aufweist. U + 2423 Open Box, HTML &blank (␣) wurde besser unterstützt, sieht mit anderen besser aus Interpunktion ist aber isoliert hässlich: vs .

Die visuelle Darstellung von Leerzeichen im Text ist vielfältiger. In den alten Tagen der Konsole stellten Handbücher Leerzeichen als Kombination aus b und einem Schrägstrich (/) dar. Dafür gibt es einen Unicode, U. +2422 Leeres Symbol (␢), jedoch ohne die gleiche Auswirkung der früheren Darstellung in den meisten Schriftarten. Das alte oder neue Erscheinungsbild hilft jedoch nicht viel. Verwenden Sie 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: These␢do␢not␢do␢a␢pretty␢good␢job␢of␢conveying ␢a␢space.

Eine moderne Lösung ist die Verwendung des U + 2E31 Word Separator Middle Dot (⸱) oder U + 00B7 Middle Punkt (·). Der erste ist ratsam, der zweite bietet breite Unterstützung für Schriftarten.

Beispiele:

  • Ein ziemlich guter Job für die Anzeige von Räumen. (U + 2E31)
  • Eine · ziemlich · gute · Aufgabe ·, · Leerzeichen anzuzeigen. (U + 00B7)
  • A⸱pretty⸱good⸱job⸱of⸱displaying⸱a⸱space. (U + 2E31 mono beabstandet) note
  • A·pretty·good·job·of·displaying·spaces. (U + 00B7 mono beabstandet)

Historische Hinweise, Verwendungen und weitere Alternativen finden Sie unter https://en.wikipedia.org/wiki/Interpunct und https://en.wikipedia.org/wiki/Whitespace_character (vergraben 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:

  • 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 hübsch gut Job von zeigt Tasten an.

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

  • Eine hübsche gute Job von zeigt Schlüssel an.


note In einigen mono beabstandeten Schriftarten ist es „eine Glyphe unterschiedlicher Breite!

Kommentare

  • Es gibt U + 2422 leeres Symbol, wie in mehreren anderen Antworten zu sehen.
  • Danke, ich habe es bearbeitet um das zu erwähnen. Ich kann dies vorher nicht finden, da das neue Rendering von “ b einen Schrägstrich “ (oder “ aufweist b solidus „) ist nicht wie in den Tagen von Schreibmaschinen. Meine Güte, ich fühle mich jetzt alt.
  • Ich gehe davon aus, dass Lucida Sans Unicode (der unter fileformat.info aufgeführten Schriftarten) Ihren Erwartungen am besten entspricht
  • PS: U + 2E31 ist semantisch in Ordnung, wird jedoch schlecht unterstützt und sieht (falls vorhanden) normalerweise genauso aus wie U + 00B7, das möglicherweise ein weniger wünschenswertes Zeilenumbruchverhalten aufweist, aber universell verfügbar ist. U + 2027 sieht ebenfalls gleich aus (möglicherweise etwas höher positioniert), ist jedoch das falsche Zeichen für den Job, da es die Wörter um ihn herum verbindet – es ist für Wörterbücher. U + 2024/5 sind ein und zwei Punkte auf der Basislinie, was besser sein kann als breites U + 2026 oder Standardperiode U + 002E.

Antwort

Können Sie verwenden Farbe? Wikipedia verwendet hellblaue Kästchen, um die Zeichen anzuzeigen:

Geben Sie hier die Bildbeschreibung ein

Wenn Sie jedoch auf zwei Farben beschränkt sind, würde ich Folgendes vorschlagen:

  • ˽ ⎵⎴ – Ändern des Buchstabenregals, der Unter- oder Überhalterung, um die Schaltfläche
  • ⬚ ◌ – Gepunkteter Kreis oder Quadrat zur Darstellung der Leere

  • 👽 👾 🚀 – Eine Comedy-Option.

Kommentare

  • Ich bin mir nicht sicher, ob dies eine gute Idee ist.
  • @PierreArlaud Ich habe ‚ diese Scheiße nicht einmal erwähnt.
  • @PierreArlaud Ihre Idee ist voller Mist! Wir haben unsere 💩 Produzenten ausgelacht, als wir sie ‚ gelesen haben.
  • mit Farbe können Sie ‚ nicht einfach anzeigen, wie viele Leerzeichen zwischen den Wörtern vorhanden sind, wenn mehrere aufeinanderfolgende

vorhanden sind

Antwort

& leer; ␣

Wikipedia listet zu diesem Zweck die folgenden 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 (Autor von “ Unicode Explained „) hat eine website mit folgendem Wortlaut:

Sichtbare Bereiche

Es können einige grafische Zeichen verwendet werden ein Symbol für einen Raum. Obwohl sie manchmal als sichtbare Leerzeichen bezeichnet werden, handelt es sich überhaupt nicht um Leerzeichen, sondern um sichtbare Notationen, die verwendet werden, um das Auftreten von Leerzeichen in Bedienungsanleitungen und Beschreibungen von Texten anzuzeigen.

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

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

Das Symbol ␢ hat eine lange Geschichte von Verwendung für diesen Zweck in der frühen Computerprogrammierung. Es wurde von Programmierern auf Codierungsblättern handgeschrieben, um Lochkartenbedienern (die wie ein Schreibpool waren) ein Leerzeichen anzuzeigen.

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

Kommentare

  • Wenn es also Symbole für die Anzeige von Leerzeichen gibt, gibt es Symbole für Anzeigen von Leerzeichen?

Antwort

Sie können immer eine Monospace-Schriftart verwenden, dann wird das Leerzeichen durch angezeigt eine char-große Lücke :). Sie können jedes Leerzeichen hervorheben (z. B. <mark>&nbsp;</mark>) und einige CSS-Regeln festlegen, um die entsprechende Farbe festzulegen.

Antwort

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

Kommentare

  • Das Problem ist, das - sieht genauso aus wie ein -!
  • Dies sind Bindestriche (U + 2011). Striche sind (en dash, U + 2013) und (em dash U + 2014) Einige URLs verwenden außerdem das Pluszeichen + (U + 002B), während andere deutlich %20 schreiben (U + 0020 ist das Unicode-Zeichen für Leerzeichen). Dies wird als Prozentcodierung bezeichnet, ein Teil des URI-Satzes.

Antwort

Ich bin es gewohnt, die Leerzeichen von Eclipse zu verwenden, die zum Anzeigen von Leerzeichen im Kontext der Codeformatierung verwendet werden.

  • Leerzeichen: U + 00B7 „mittlerer Punkt“: ·
  • Registerkarte: U + 2192 „Pfeil nach rechts“: →

Wenn möglich, Anzeigen von Leerzeichen In einer helleren Farbe als normaler Text wird hervorgehoben, dass es sich um Leerzeichen handelt. Wenn normaler Text beispielsweise schwarz ist, verwenden Sie grau.

Kommentare

  • Der mittlere Punkt ist die beste Lösung für Leerzeichen, für Tabulatoren jedoch mehr als eine Spalte in den meisten monospaced Schriftarten. Ich bevorzuge das schwarze, nach rechts zeigende kleine Dreieck (U + 25B8), das mit dem mittleren Punkt auf vim kombiniert werden kann, um Registerkarten anzuzeigen.

Antwort

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

Set-ExecutionPolicy⌂Unrestricted Set-ExecutionPolicy△Unrestricted 

Kommentare

  • äh … Ich habe es wirklich schwer, den Platz dort zu finden. Es sieht zu sehr nach einem Zeichen aus, daher muss ich das Wort zweimal lesen, um die Wörter sogar an der richtigen Stelle aufzuteilen …
  • @Falco, ich auch. Ich denke, es hängt von der gewählten Schriftart ab
  • Ich habe gesehen, dass dies zum Anzeigen eines Spaltentrennzeichens (oder Tabulators) verwendet wird, jedoch nicht für normale Leerzeichen zwischen Wörtern.

Antwort

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 übergeben wurden Keypunch-Operatoren, 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 und ein span-Tag eingegeben werden, das a angibt Rand-Links-Stil von -.4em, ein Schrägstrich, ein End-Span-Tag

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

Verwenden von em als Maßeinheit ermöglicht die Skalierung des Zeichens, wenn die fo nt Größe wird geändert.

Antwort

Ich behaupte nicht, dass dies überlegen ist, aber es ist ein Ansatz, der verwendet werden kann: für Text, das heißt Um als Zeichen (kein Bild) auf einem Bildschirm angezeigt zu werden (nicht gedruckt): Verwenden Sie einfach die tatsächliche Zeichenfolge mit den erforderlichen Leerzeichen und weisen Sie den Benutzer an, den Cursor auf der Zeichenfolge zu positionieren und die mit einer Pfeiltaste zu bewegen und zu zählen Leerzeichen (ich mache dies als Leser, wenn ich einige Zeichenfolgen überprüfe und Längen zähle). Dies hat den Vorteil, dass die Zeichenfolge kopiert und eingefügt werden kann, und vermeidet Probleme beim Rendern von Zeichen und bei der Unterstützung von Zeichensätzen.

ZB :

Daten können mit mehreren Leerzeichen eingegeben werden, wie in diesem Beispiel, in dem zwischen jedem Element 2 Leerzeichen stehen „25 Dec 2016“. Setzen Sie den Cursor auf Sie können diese kopieren und in das Programm einfügen.

(Hinweis: Diese Site wird ersetzt mehrere Leerzeichen von einem einzigen eingegeben, also ironischerweise t sein Beispiel funktioniert hier nicht. Ich habe 2 aufeinanderfolgende Felder eingegeben, in denen ich es gesagt habe.)

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.