Jak najlepiej wyświetlić znak spacji?

Aplikacja internetowa, którą piszę, wyróżnia pojedyncze znaki znalezione na tradycyjnej klawiaturze. Mam bardzo ograniczony obszar, w którym można wyświetlić znak (który jest w zasadzie szerokością znaku W w używanej przeze mnie czcionce), co oznacza, że nie mogę wyświetlić słowa „spacja” lub „spacja”.

Jak najlepiej wyświetlić znak spacji?

Próbowałem kilku opcji, ale nie jestem pewien, czy to tylko doprowadziłoby do zamieszania:

  • Przykład 1 Użycie podkreślenia. Wygląda trochę zbyt podobnie do znaku podkreślenia.
  • Przykład 2 Symbol spacji (␠ (␠)). Nawet nie wiedziałem, że to istnieje, dopóki nie zacząłem szukać samemu odpowiadam na to pytanie, więc nie jestem pewien, czy jest to powszechnie rozpoznawane.
  • Przykład 2 Słabe dolne obramowanie w innym kolorze.
  • Przykład 3 Znak blokowy (█ (█)), podobnie jak używane w terminalu do reprezentowania kursora.
  • Przykład 4 Pusta spacja bez zastosowanego stylu.

Przypuszczam, że warto zauważyć, że jest to wyłącznie do celów wyświetlania; użytkownik nie ma żadnej interakcji ze znakiem poza potwierdzeniem jego obecności podczas czytania strony (więc nie pytam o Jakiego znaku mogę użyć do reprezentowania spacji ? ).

Komentarze

  • Silnie powiązane pytanie: Czy środkowa kropka najlepszy sposób na oznaczenie spacji?
  • Czy wszystkie znaki będą oddzielone wizualnie? To znaczy, czy wszystkie są oddzielnymi pudełkami, w których znajduje się postać? Jeśli tak, to ' d po prostu nie używam stylu, chyba że masz jakiś powód, że puste pole oznacza coś innego (np. Brak danych wejściowych).
  • @ JamesDonnelly Właściwie to nie ' nie sugerowałem środkowej kropki. Być może powinienem był zamieścić link bezpośrednio do mojej odpowiedzi, gdzie stwierdzam, że middot nie jest najlepszym znakiem i zasugeruję ” nawias ” lub pusty nawias wskaźnika, jak Ben poniżej.
  • Możliwy duplikat Jakiego znaku mogę użyć do przedstawienia spacji?
  • Nie widzę tego jako duplikatu. Proponowany duplikat pyta, jak przedstawić użycie fizycznej spacji. To pytanie dotyczy wizualnego przedstawienia znaku odstępu / spacji.

Odpowiedź

Interpunct

Nie jest nachalny i jest ledwo zauważalny. Użytkownicy programu Word, którzy go znają, z łatwością go rozpoznają, dzięki czemu uzyskasz pewną zewnętrzną spójność.

Na podstawie komentarzy zredagowałem tę odpowiedź, aby zauważyć, że jest to konieczne do wygenerowania różnicy między tekstem i interpunct, więc użyłem nieco większego rozmiaru czcionki i zmieniłem kolor z czarnego na jasnoniebieski, więc jest mniej zauważalny. Istnieją również języki (np. Kataloński), w których jest to znak.

Należy zauważyć, że ten znak jest używany jeszcze przed erą komputerów (używano go w języku łacińskim).

Komentarze

  • Wiele edytorów tekstu zorientowanych na programowanie używa tego również do końcowych białych znaków, aczkolwiek w wyblakłym kolorze.
  • To jest właśnie to, co Notepad ++ używa, gdy poprosisz go, aby niewidoczne znaki stały się widoczne (przycisk pilcrow).
  • Ja też lubię tę funkcję, ale jak wskazuje Woodrow, wyblakły kolor naprawdę pomaga być mniej zauważalnym. Myślę, że w twoim przykładzie czarnego tekstu na białym tle są one dość natrętne.
  • W tekście działa to bardzo dobrze, ale w przypadku samodzielnego klawisza nie jestem pewien, czy jest tak jasne.
  • Dodawanie do @agweber poing. Zanikający kolor jest również ważny, ponieważ niektóre języki używają tego symbolu jako części swojej gramatyki (np. Kataloński; il · lusi ó).

Odpowiedź

Moje przejście do zawsze było puste, ␣ (␣) lub znak w nawiasie ⎵ (⎵), który jest szerszy . Możesz je zobaczyć tutaj na w3.org . W moich kursach programowania użyłem podpórki, aby pokazać miejsce w wynikach programu.

Na przykład These␣do␣a␣pretty␣good␣job␣of␣conveying␣a␣space staje się:

przykład z pustą

Upewnij się, że używasz czcionki, która implementuje glify Unicode, aby nie zepsuła się, jeśli system użytkowników ich nie ma, lub może wyglądać następująco:

Przykład z czcionką niezawierającą glifów] 2

Komentarze

  • Te█do█not█do█a█pretty█good█job█of█przekazywanie█a█przestrzeni. imgur.com/Uj8fZeKl.png . Uważaj, aby nie używać znaków, które mogą nie istnieć w systemie użytkownika ', ponieważ w rzeczywistości jest to aplikacja internetowa. Jeśli wybierasz się tą trasą, dołącz czcionkę do aplikacji.
  • @Tyzoid Na pewno! Jeśli ' zamierzasz używać Unicode, upewnij się, że czcionka, której ' używasz, implementuje te glify. Biorąc to pod uwagę, ' nie jestem pewien, czy ' nie można oczekiwać, że użytkownik ' s systemy mają czcionkę implementującą wszystkie symbole Unicode. Na przykład mój system obsługuje te glify z STIX General.
  • @Ben Może to mieć miejsce w większości przypadków, ale myślę, że nierozsądne jest zakładanie, że użytkownicy ' mają dostępne wszystkie symbole Unicode. Mój nie ' t, o czym świadczy zrzut ekranu Twojej odpowiedzi. (Czy możesz dołączyć zrzut ekranu pokazujący, jak powinien wyglądać tekst?)
  • Inną zaletą jest to, że możesz zobaczyć, gdzie masz wiele znaków spacji w rzędzie . To znaczy, jak mówisz, są tutaj 4 znaki: ⎵⎵⎵⎵ i trzy tutaj: ⎵⎵⎵, znacznie łatwiej niż tutaj: ____ kontra ___
  • Warto też powiedzieć, że nie są to ' t pojawia się w aplikacji SE na Androida.

Odpowiedź

Krótka odpowiedź

Aby przedstawić spację na klawiaturze, U + 23B5 dolny nawias kwadratowy (normalny ⎵ pogrubiony o stałej szerokości ). Alternatywnie, U + 2423 Open Box (␣). W środowisku HTML odpowiednio ⎵ i &blank. Aby przedstawić spacje w tekście, użyj jako alternatywy interpunkcji, U + 2E31 Środkowa kropka separatora wyrazów (⸱) lub U + 00B7 Środkowa kropka (·).

Powtarzanie myśli i inne znaki interpunkcyjne:

  • U + 2E31: ⸱⸱⸱⸱Cztery⸱przestrzenie⸱przed, ⸱nowa⸱⸱dwóch, ⸱jeden⸱ na⸱końc. · Wcześniej, · teraz ·· dwa, · jeden · na · koniec. ·
  • U + 23B5: „Cztery⎵⎵⎵⎵ przestrzenie⎵ przed, ⎵ teraz⎵⎵ dwa, ⎵ jeden⎵ na koniec .⎵
  • U + 2423: ␣␣␣␣Four␣spaces␣before, ␣now␣␣two, ␣one␣at␣end.␣

Prace w jednej przestrzeni lepiej:

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

Długa odpowiedź

Spacja, U + 23B5 dolny nawias kwadratowy, HTML ⎵ () jest do zrobienia. Jest to symbol używany w klawiaturach i klawiaturach wirtualnych telefonów komórkowych, ale ma niewielkie pokrycie czcionek. U + 2423 Open Box, HTML &blank (␣) był lepiej obsługiwany, wygląda lepiej z innymi interpunkcja, ale jest brzydka osobno: vs .

Wizualna reprezentacja spacji w tekście jest bardziej zróżnicowaną bestią. W dawnych czasach konsole podręczniki reprezentowały spacje jako kombinację b i ukośnika (/). Jest do tego Unicode, U +2422 Pusty symbol (␢), ale bez takiego samego wpływu jak poprzednie przedstawienie w większości czcionek. Ale stary lub nowy wygląd niewiele pomaga. Używanie nakładek do symulacji starych sposobów i bezpośrednio U + 2422:

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

Nowoczesnym rozwiązaniem jest użycie środkowej kropki separatora słów U + 2E31 lub środkowej kropki U + 00B7 kropka (·). Pierwsza jest wskazana, druga ma szeroką obsługę czcionek.

Przykłady:

  • A⸱pretty⸱good⸱job⸱of⸱displaying⸱space. (U + 2E31)
  • A · całkiem · dobra · praca · wyświetlania · spacji. (U + 00B7)
  • A⸱pretty⸱good⸱job⸱of⸱displaying⸱a⸱space. (U + 2E31 mono z odstępami) uwaga
  • A·pretty·good·job·of·displaying·spaces. (U + 00B7 mono z odstępami)

Historyczne notatki, zastosowania i więcej alternatyw znajdziesz na stronie https://en.wikipedia.org/wiki/Interpunct i https://en.wikipedia.org/wiki/Whitespace_character (ukryte w sekcji Overview / Definition and ambiguity / Unicode / Substitutes).


Jeśli dobrze rozumiem, Twoja aplikacja wyświetla tekst jako naciśnięcia klawiszy (lub tekst i klawisze specjalne).Jeśli tak, z 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 ładna dobra praca z wyświetlanie kluczy.

Z 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 ładny dobry praca z wyświetlanie kluczy .


note W przypadku niektórych czcionek z odstępami mono jest to glif o różnej szerokości!

Komentarze

  • Jest U + 2422 pusty symbol, jak widać w kilku innych odpowiedziach.
  • Dziękuję, zredagowałem żeby o tym wspomnieć. Nie mogłem tego znaleźć wcześniej, ponieważ nowe renderowanie ” b slash ” (lub ” b solidus „) nie jest taki jak w czasach maszyn do pisania. O rany, czuję się teraz staro.
  • Zakładam, że Lucida Sans Unicode (spośród czcionek wymienionych w fileformat.info) najlepiej odpowiada Twoim oczekiwaniom .
  • PS: U + 2E31 jest semantycznie w porządku, ale jest źle obsługiwany i (jeśli jest) zwykle wygląda tak jak U + 00B7, który może mieć mniej pożądane zachowanie łamania linii, ale jest dostępny uniwersalnie. U + 2027 również wygląda tak samo (może umieszczone nieco wyżej), ale jest to niewłaściwy znak do tego zadania, ponieważ łączy otaczające go słowa – jest przeznaczony do słowników. U + 2024/5 to jedna i dwie kropki na linii bazowej, co może być lepsze niż szerokie U + 2026 lub okres standardowy U + 002E.

Odpowiedź

Czy możesz użyć kolor? Wikipedia używa jasnoniebieskich pól do wyświetlania znaków:

tutaj wprowadź opis obrazu

Ale jeśli jesteś ograniczony do dwóch kolorów, proponuję następujące:

  • ˽ ⎵⎴ – Modyfikacja półki z literami, nawiasu lub nawiasu w celu przedstawienia przycisku
  • ⬚ ◌ – Kropkowane kółko lub kwadrat przedstawiające pustkę
  • 👽 👾 🚀 – Opcja komedii.

Komentarze

  • Nie💩 jestem pewien💩 to💩 dobry💩 pomysł.
  • @PierreArlaud Nie ' nawet o tym nie wspomniałem.
  • @PierreArlaud Twój pomysł jest pełen bzdur! Śmialiśmy naszych 💩 producentów, gdy ' go przeczytaliśmy.
  • kolorem możesz ' t łatwo pokazać, ile spacji między wyrazami występuje wiele następujących po sobie

Odpowiedź

& puste; ␣

Wikipedia podaje w tym celu następujące znaki:

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 ” Unicode Explained „) ma website , który ma do powiedzenia:

Widoczne spacje

Istnieje kilka znaków graficznych, których można użyć symbole przestrzeni. Chociaż czasami nazywane są widocznymi przestrzeniami, wcale nie są to spacje, ale widoczne zapisy używane do wskazania wyglądu spacji w instrukcjach obsługi i opisach tekstów.

W poniższej tabeli wymieniono niektóre symbole w kolejności malejącej według praktycznej użyteczności. . Ich kształty różnią się w zależności od czcionki; szczególnie ta ostatnia bardzo się różni.

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

Symbol ␢ ma długą historię wykorzystania w tym celu we wczesnym programowaniu komputerów. Został napisany odręcznie na arkuszach kodowych przez programistów, aby wskazać znak spacji operatorom maszyn do dziurkowania kart (którzy byli jak pula do pisania).

Użyłbym ␣ & puste; zwłaszcza, że istnieje jednostka HTML o tak oczywistej nazwie.

Komentarze

  • Więc jeśli istnieją symbole do wyświetlania spacji, czy są symbole wyświetlanie symboli spacji?

Odpowiedź

Zawsze możesz użyć czcionki o stałej szerokości, wtedy spacja byłaby oznaczona przez przerwa wielkości znaku :). Możesz podświetlić każdą spację (np. <mark>&nbsp;</mark>) i ustawić kilka reguł CSS, aby nadać jej odpowiedni kolor.

Odpowiedź

Spójrz na adres URL tej strony. Spacje między słowami w tytule są zastąpione myślnikiem. Jest intuicyjny, czytelny i znajomy.

Komentarze

  • Problem polega na tym, że - będzie wyglądać jak -!
  • To są łączniki (U + 2011). Myślniki to (półpauza, U + 2013) i (kreska em U + 2014) . Ponadto niektóre adresy URL używają symbolu plusa, + (U + 002B), podczas gdy inne po prostu zapisują %20 (U + 0020 to Znak Unicode zamiast spacji). Nazywa się to kodowaniem procentowym, część zestawu URI.

Odpowiedź

Jestem przyzwyczajony do białych znaków Eclipse „używanych do wyświetlania białych znaków w kontekście formatowania kodu.

  • Spacja: U + 00B7 „środkowa kropka”: ·
  • Tab: U + 2192 „strzałka w prawo”: →

Jeśli możesz, wyświetlanie białych znaków w jaśniejszym kolorze niż zwykły tekst pomaga podkreślić, że są to białe znaki. Na przykład, jeśli normalny tekst jest czarny, użyj koloru szarego.

Komentarze

  • Środkowa kropka to najlepsze rozwiązanie w przypadku spacji, ale w przypadku tabulacji zajmuje więcej niż jedna kolumna w przypadku większości czcionek o stałej szerokości. Wolę czarny mały trójkąt skierowany w prawo (U + 25B8), który można połączyć ze środkową kropką na vimie, aby pokazać karty.

Odpowiedz

Kiedy uczyłem się pisania technicznego na uniwersytecie w Nowej Zelandii, uczono nas korzystania z domu (numer Unicode: U + 2302, kod HTML: & # 8962) lub trójkąt w górę (numer Unicode: U + 25B3, kod HTML: & # 9651) w celu wskazania spacji.

Set-ExecutionPolicy⌂Unrestricted Set-ExecutionPolicy△Unrestricted 

Komentarze

  • uhh … Naprawdę ciężko mi znaleźć tam miejsce. Wygląda za bardzo jak znak, więc muszę dwukrotnie przeczytać słowo, aby nawet podzielić słowa we właściwym miejscu …
  • @Falco, ja też. Myślę, że to zależy od wybranego kroju pisma .
  • Widziałem, że jest używany do wyświetlania separatora kolumn (lub tabulatora), ale nie do normalnych odstępów między wyrazami.

Odpowiedź

Jak wspomniano powyżej, tradycyjnym odstępem programisty jest mała litera b, na którą nakłada się ukośnik. Zostały one użyte na odręcznych arkuszach kodowych przekazywanych przez programistów do keypunch operatorzy, którzy nie byli zaznajomieni z używanym językiem programowania i dlatego wymagali jednoznacznych danych wejściowych.

Na stronie internetowej można to przedstawić, wprowadzając kolejno: małą literę b, znacznik span, który określa a margin-left style -.4em, slash forward, tag end span

(Używanie klasy CSS oszczędziłoby pisanie i jest zwykle lepszą praktyką).

Używanie em jako Jednostka miary pozwala na skalowanie znaku, jeśli fo Rozmiar nt został zmieniony.

Odpowiedź

Nie twierdzę, że to jest lepsze, ale jest to podejście, które można zastosować: w przypadku tekstu, który jest być wyświetlane jako znaki (nie obraz) na ekranie (nie drukowane): po prostu użyj rzeczywistego ciągu, ze spacjami zgodnie z wymaganiami i powiedz użytkownikowi, aby umieścił kursor na ciągu i użyj klawisza strzałki, aby przesunąć i policzyć spacje (robię to jako czytnik podczas sprawdzania niektórych ciągów i liczenia długości). Ma to tę zaletę, że ciąg można kopiować i wklejać, a także pozwala uniknąć problemów z renderowaniem znaków i obsługą zestawu znaków.

Np. :

Daty można wprowadzać z wieloma spacjami, tak jak w tym przykładzie, w którym są 2 spacje między każdym elementem „25 grudnia 2016 r.”. Umieść kursor na ciąg i eksploruj go za pomocą klawiszy strzałek w prawo i w lewo. Możesz go skopiować i wkleić do programu.

(Uwaga: ta witryna zastępuje wiele spacji wprowadzonych przez jedną, więc, jak na ironię, t jego przykład tutaj nie działa. Wprowadziłem 2 kolejne spacje tam, gdzie powiedziałem.)

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *