공백 문자를 가장 잘 표시하려면 어떻게해야합니까?

제가 작성하는 웹 앱은 기존 키보드에서 볼 수있는 개별 문자를 골라냅니다. 문자를 표시 할 수있는 영역이 매우 제한적입니다. 기본적으로 내가 사용하고있는 글꼴에서 W 문자의 너비)는 “공백”또는 “공백”이라는 단어를 표시 할 수 없음을 의미합니다.

어떻게 공백 문자를 가장 잘 표시 할 수 있습니까?

몇 가지 옵션을 시도해 보았지만 이것이 혼란으로 이어질지 확실하지 않습니다.

  • 예 1 밑줄 사용. 이것은 밑줄 문자와 너무 비슷해 보입니다.
  • 예 2 공백 기호 (␠ (␠)). 검색을 시작할 때까지 이것이 존재하는지조차 몰랐습니다. 이 질문에 대한 답을 찾기 위해이 질문이 널리 알려져 있는지 확실하지 않습니다.
  • 예 2 다른 색상의 희미한 하단 테두리
  • 예제 3 블록 문자 (█ (█)) 커서를 표시하기 위해 터미널에서 사용되는 것과 같습니다.
  • 예제 4 스타일이 적용되지 않은 공백입니다.

순전히 표시 용이라는 점에 주목할 가치가 있습니다. 사용자는 페이지를 읽을 때 문자를 인식하는 것 외에는 상호 작용이 없습니다 (따라서 스페이스 바를 나타내는 데 사용할 수있는 문자에 대해 묻지 않습니다. ? ).

댓글

  • 관련성이 높은 질문 : 가운데 점입니까? 공백을 나타내는 가장 좋은 방법은 무엇입니까?
  • 모든 문자가 시각적으로 구분됩니까? 즉, 캐릭터가있는 별도의 상자입니까? 그렇다면 ‘ 단 하나의 상자가 비어 있다는 것이 다른 의미 (입력 없음 등)를 의미하지 않는 한 스타일을 사용하지 않습니다.
  • @ JamesDonnelly 사실 저는 ‘ 가운데 점을 제안하지 않았습니다. 아마도 내 대답에 직접 연결했을 것입니다. 여기서 middot는 최고의 캐릭터가 아니라 라고 말하고 ” underbracket 또는 Ben이 아래에있는 공백 표시 대괄호
  • 스페이스 바를 나타내는 데 사용할 수있는 문자는 무엇입니까?
  • a>
  • 이것을 중복으로 보지 않습니다. 제안 된 복제물은 물리적 스페이스 바의 사용을 어떻게 표현하는지 묻습니다. 이 질문은 공백 / 공백 문자를 시각적으로 표현하는 방법을 묻는 것입니다.

답변

Interpunct

방해하지 않으며 거의 눈에 띄지 않습니다. 그리고 그것에 익숙한 Word 사용자는 쉽게 인식 할 수 있으므로 “외부 일관성을 가질 수 있습니다.

댓글을 기반으로이 답변을 편집하여 텍스트 간의 차이를 생성하는 데 필요한 사항을 확인했습니다. 그리고 interpunct 그래서 약간 더 큰 글꼴 크기를 사용하고 색상을 검정색에서 밝은 파란색으로 변경하여 눈에 덜 띄게했습니다. 또한 이것을 문자로 사용하는 일부 언어 (예 : 카탈로니아 어)가 있습니다.

이 문자는 컴퓨터 시대 이전에도 사용된다는 점에 유의해야합니다 (라틴어에서 사용).

댓글

  • 많은 프로그래밍 중심의 텍스트 편집기에서 희미한 색상이기는하지만 후행 공백에도이 기능을 사용합니다.
  • 메모장 ++ 보이지 않는 문자를 보이도록 요청할 때 사용합니다 (필 크로우 버튼).
  • 나도 interpunct를 좋아하지만 Woodrow가 지적했듯이 색이 바래면 눈에 잘 띄지 않습니다. 흰색 바탕에 검은 색 텍스트의 예에서는 상당히 눈에 띄는 것 같습니다.
  • 텍스트 내에서는 잘 작동하지만 독립 실행 형 키에서는 명확하지 않습니다.
  • @agweber poing에 추가. 일부 언어는이 기호를 문법의 일부로 사용하기 때문에 색이 바래는 것도 중요합니다 (예 : 카탈로니아 어; il · lusi ó).

답변

내 이동은 항상 비어 있습니다. ␣ (␣) 또는 더 넓은 밑줄 문자 ⎵ (⎵) . w3.org 에서 확인할 수 있습니다. 프로그램 출력에 공간을 표시하기 위해 프로그래밍 과정에서 언더 브라켓을 많이 사용했습니다.

예를 들어 These␣do␣a␣pretty␣good␣job␣of␣conveying␣a␣space는 다음과 같습니다.

비어있는 예

유니 코드 글리프를 구현하는 글꼴을 사용하여 “사용자 시스템에”사용자 시스템에 “글리프가 없거나 다음과 같이 보일 수 있도록 글리프를 구현하는지 확인하십시오.

글리프가 포함되지 않은 글꼴의 예] 2

댓글

  • 이들 █do█not█do█a█pretty█good█job█of█이 █a█ 공간을 전달합니다. imgur.com/Uj8fZeKl.png 사용자의 시스템에 존재하지 않을 수있는 문자는 실제로 웹 앱이므로 ‘ 사용하지 않도록주의하세요. 이 길을 가면 앱에 글꼴을 포함 해주세요.
  • @Tyzoid 확실합니다! 유니 코드를 ‘ 사용하려는 경우 사용중인 글꼴이 ‘ 이러한 글리프를 구현하는지 확인하세요. 하지만 ‘ 사용자가 ‘를 기대하는 것이 ‘ 불합리한 지 잘 모르겠습니다. 시스템은 모든 유니 코드 기호를 구현하는 글꼴을 갖습니다. 예를 들어 내 시스템은 STIX General의 글리프를 제공합니다.
  • @Ben 대부분의 경우에 해당 할 수 있지만 사용자를 가정하는 것은 부당하다고 생각합니다. ‘ 시스템에는 모든 유니 코드 기호를 사용할 수 있습니다. 내 답변의 스크린 샷에서 알 수 있듯이 ‘하지 않습니다. (또한 저와 같은 사람들의 이익을 위해 텍스트가 어떻게 보일지에 대한 스크린 샷을 포함 할 수 있습니까?)
  • 이것의 또 다른 장점은 여러 개의 공백 문자가있는 위치를 볼 수 있다는 것입니다. . 즉, 여기에 4 개의 문자가 있다고 말합니다. ⎵⎵⎵⎵ 및 여기에 3 개 : ⎵⎵⎵, 여기보다 훨씬 쉬움 : ____ 대 ___
  • 또한 이러한 문자가 없음을 말할 가치가 있습니다. ‘ SE Android 앱에 표시되지 않습니다.

답변

짧은 답변

키보드의 스페이스 바를 나타 내기 위해 U + 23B5 하단 대괄호 (일반 ⎵ 굵은 모노 스페이스) ). 또는 U + 2423 Open Box (␣). HTML 구문에서 각각 ⎵&blank입니다. 텍스트에서 공백을 나타내려면 인터 문트, U + 2E31 단어 구분자 중간 점 (⸱) 또는 U + 00B7 중간 점 (·)을 대신 사용하십시오.

마음 반복 및 기타 구두점 :

  • U + 2E31 : ⸱⸱⸱⸱4 개 공백 ⸱ 전, ⸱ 지금 ⸱⸱2 개, ⸱1⸱at⸱end.⸱
  • U + 00B7 : ···· 4 개 공백 · 이전, · 현재 ·· 2, · 1 · 종료. ·
  • U + 23B5 : ⎵⎵⎵⎵Four⎵spaces⎵before, ⎵now⎵⎵2, ⎵one⎵at⎵ 종료 .⎵
  • U + 2423 : ␣␣␣␣Four␣spaces␣before, ␣now␣␣two, ␣one␣at␣end.␣

Monoespaced 작품 더 좋음 :

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

긴 답변

스페이스 바의 경우 U + 23B5 하단 대괄호, HTML ⎵ ()가 가능합니다. 휴대 전화의 키보드와 가상 키보드에 사용되는 기호이지만 글꼴 범위가 낮습니다. U + 2423 Open Box, HTML &blank (␣)가 더 잘 지원되고 다른 제품과 더 잘 어울립니다. 구두점이지만 분리되어보기 흉함 : .

텍스트에서 공백의 시각적 표현은 더욱 다양합니다. 콘솔의 예전에는 매뉴얼에서 공백을 b와 슬래시 (/)의 조합으로 표현했습니다.이를위한 유니 코드가 있습니다. U +2422 공백 기호 (␢),하지만 대부분의 글꼴에서 이전 표현과 동일한 영향이 없습니다.하지만 이전 모양이든 새 버전이든 별 도움이되지 않습니다. 오버레이를 사용하여 이전 방식을 시뮬레이션하고 U + 2422를 직접 시뮬레이션합니다.

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

  • U + 2422 : these␢do␢not␢do␢a␢do␢a␢do ␢a␢space.

현대적인 솔루션은 U + 2E31 단어 분리기 중간 점 (⸱) 또는 U + 00B7 중간을 사용하는 것입니다. 점 (·). 첫 번째는 권장되고 두 번째는 광범위한 글꼴 지원을 제공합니다.

예 :

  • A⸱pretty⸱good⸱job⸱of⸱displaying⸱spaces. (U + 2E31)
  • 예쁘고 잘하는 일을 보여주는 공간. (U + 00B7)
  • A⸱pretty⸱good⸱job⸱of⸱displaying⸱a⸱space. (U + 2E31 모노 간격) 참고
  • A·pretty·good·job·of·displaying·spaces. (U + 00B7 모노 간격)

기존 메모, 사용법 및 기타 대안은

https://en.wikipedia.org/wiki/Whitespace_character (개요 / 정의 및 모호성 / 유니 코드 / 대체).


올바르게 이해하면 응용 프로그램이 텍스트를 키 입력 (또는 텍스트 및 특수 키)으로 표시합니다.그렇다면 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 예쁜 좋은 작업 키 표시

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 예쁜 좋은 작업 표시 키.


note 일부 모노 간격 글꼴에서는 “폭이 다른 글리프입니다!

댓글 h3>

  • 다른 답변에서 볼 수 있듯이 U + 2422 빈 기호가 있습니다.
  • 감사합니다. 그것을 언급합니다. ” b 슬래시 ” (또는 “)의 새로운 렌더링 때문에 이전에는 찾을 수 없습니다. b solidus “)는 타자기 시대와는 다릅니다. 이제 늙었다 고 생각합니다.
  • Lucida Sans Unicode (fileformat.info에 나열된 글꼴 중)가 귀하의 기대치와 가장 일치한다고 가정합니다. .
  • PS : U + 2E31은 의미 상으로는 괜찮지 만 지원이 나쁘고 (있는 경우) 일반적으로 U + 00B7과 비슷해 보이지만 일반적으로 사용 가능합니다. U + 2027도 똑같아 보이지만 (약간 더 높은 위치에있을 수 있음) 주변의 단어를 결합하기 때문에 작업에 대한 잘못된 문자입니다. 사전 용입니다. U + 2024 / 5는 기준선에서 하나의 및 두 개의 점 이며, 이는 광범위한 U + 2026

    또는 표준 기간 U + 002E.

답변

사용 가능 색깔? Wikipedia는 밝은 파란색 상자를 사용하여 문자를 표시합니다.

여기에 이미지 설명 입력

하지만 두 가지 색상으로 제한되는 경우 다음을 제안합니다.

  • ˽ ⎵⎴-버튼을 나타 내기 위해 레터 선반, 언더 브라켓 또는 오버 브라켓 수정
  • ⬚ ◌-공허함을 나타내는 점선 원 또는 사각형
  • 👽 👾 🚀-코미디 옵션.

댓글

  • Not💩 sure💩 this💩 is💩 a💩 좋은 💩 아이디어입니다.
  • @PierreArlaud 나는 ‘ 그건 언급도하지 않았습니다.
  • @PierreArlaud 당신의 아이디어는 쓰레기로 가득 차 있습니다. 우리는 그것을 읽었을 때 우리의 💩 제작자들을 웃었습니다. ‘
  • 색상을 사용하면 ‘ 연속 된 단어가 여러 개있을 때 단어 사이에 몇 개의 공백이 있는지 쉽게 표시 할 수 없습니다.

답변

& 공백; ␣

Wikipedia 에는이를 위해 다음 문자가 나열됩니다.

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 (” 유니 코드 설명 “의 작성자)는 웹 사이트 :

보이는 공간

사용할 수있는 그래픽 문자가 있습니다. 공간에 대한 기호. 가시적 공백이라고도하지만, 공백이 아니라 사용 설명서 및 텍스트 설명에서 공백의 모양을 나타내는 데 사용되는 가시적 표기법입니다.

다음 표에는 실용적인 유용성에 따라 내림차순으로 일부 기호가 나열되어 있습니다. . 모양은 글꼴에 따라 다릅니다. 특히 마지막 것은 많이 다릅니다.

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

기호 ␢는 오랜 역사를 가지고 있습니다. 초기 컴퓨터 프로그래밍에서 이러한 목적으로 사용됩니다. 프로그래머가 (타이핑 풀과 같은) 펀치 카드 기계 운영자에게 공백 문자를 나타 내기 위해 코딩 시트에 손으로 작성했습니다.

나는 ␣ & blank; 특히 관련성이 분명한 이름을 가진 HTML 엔티티가 있기 때문입니다.

코멘트

  • 공백을 표시하기위한 기호가 있다면 공백 기호를 표시 하시겠습니까?

답변

항상 고정 폭 글꼴을 사용할 수 있으며 공백은 다음과 같이 표시됩니다. 문자 크기의 간격 :). 모든 공백 (예 : <mark>&nbsp;</mark>)을 강조 표시하고 CSS 규칙을 설정하여 적절한 색상으로 만들 수 있습니다.

Answer

이 페이지의 URL을보십시오. 제목 단어 사이의 공백은 대시로 대체됩니다. 직관적이고 읽기 쉽고 친숙합니다.

댓글

  • 문제는 --처럼 보입니다!
  • 하이픈입니다. (U + 2011). 대시는 (엔 대시, U + 2013) 및 (엠 대시 U + 2014)입니다. . 또한 일부 URL은 더하기 기호 인 + (U + 002B)를 사용하는 반면 다른 URL은 %20 (U + 0020은 공백에 대한 유니 코드 문자).이를 URI 집합의 일부인 백분율 인코딩이라고합니다.

Answer

코드 형식화의 맥락에서 공백을 표시하는 데 사용되는 Eclipse “의 공백 문자에 익숙합니다.

  • 공백 : U + 00B7 “중간 점”: ·
  • Tab : U + 2192 “오른쪽 화살표”: →

가능하면 공백 문자 표시 일반 텍스트보다 밝은 색상은 공백 문자임을 강조하는 데 도움이됩니다. 예를 들어 일반 텍스트가 검은 색인 경우 회색을 사용합니다.

댓글

  • 가운데 점이 공간을위한 최상의 솔루션이지만 탭의 경우에는 대부분의 고정 폭 글꼴에서 둘 이상의 열. 탭을 표시하기 위해 vim의 가운데 점과 결합 할 수있는 검은 색 오른쪽을 가리키는 작은 삼각형 (U + 25B8)을 선호합니다.

Answer

뉴질랜드 대학에서 기술 작문을 배울 때 집을 사용하는 법을 배웠습니다 (유니 코드 번호 : U + 2302, HTML 코드 : & # 8962) 또는 위쪽 삼각형 (유니 코드 번호 : U + 25B3, HTML 코드 : & # 9651)을 사용하여 공백을 나타냅니다.

Set-ExecutionPolicy⌂Unrestricted Set-ExecutionPolicy△Unrestricted 

댓글

  • 어 … 그 공간을 찾기가 정말 힘들어요. 너무 문자처럼 생겼기 때문에 올바른 위치에서 단어를 나누기 위해 단어를 두 번 읽어야합니다 …
  • @Falco, 저도 그렇습니다. 선택한 서체에 따라 달라지는 것 같습니다. .
  • 열 구분 기호 (또는 표 작성기)를 표시하는 데 사용되는 것을 보았지만 일반적인 단어 간 공백에는 사용하지 않았습니다.

답변

위에서 언급했듯이 기존 프로그래머의 공백은 슬래시로 오버레이 된 소문자 b입니다. 이들은 프로그래머가 직접 작성한 코딩 시트에 사용되었습니다. 사용중인 프로그래밍 언어에 익숙하지 않아 명확한 입력이 필요한 키펀치 연산자.

웹 페이지에서 이것은 소문자 b, a를 지정하는 span 태그를 순서대로 입력하여 나타낼 수 있습니다. -.4em의 margin-left 스타일, 슬래시, 끝 범위 태그

(CSS 클래스를 사용하면 입력을 절약 할 수 있으며 일반적으로 더 나은 방법입니다).

em을 측정 단위를 사용하면 문자의 크기를 조정할 수 있습니다. nt 크기가 변경됩니다.

답변

저는 이것이 우수하다고 주장하지는 않지만 사용할 수있는 접근 방식입니다. 화면에 문자 (이미지 아님)로 표시 (인쇄되지 않음) : 필요한 경우 공백이있는 실제 문자열을 사용하고 사용자에게 문자열에 커서를 놓고 화살표 키를 사용하여 공백 (일부 문자열과 길이를 계산할 때 판독기로 수행합니다.) 이렇게하면 문자열을 복사하여 붙여 넣을 수 있고 문자 렌더링 및 문자 집합 지원 문제를 피할 수 있다는 장점이 있습니다.

예 : :

이 예에서와 같이 여러 공백으로 날짜를 입력 할 수 있습니다.이 예에서는 각 요소 “25 Dec 2016″사이에 2 개의 공백이 있습니다. 커서를 위에 놓습니다. 문자열을 입력하고 오른쪽 및 왼쪽 화살표 키를 사용하여 탐색하세요.이를 복사하여 프로그램에 붙여 넣을 수 있습니다.

(참고 :이 사이트는 하나에 여러 개의 공백이 입력되었으므로 아이러니하게도 t 그의 예는 여기서 작동하지 않습니다. 내가 말한 곳에 2 개의 연속 된 공백을 입력했습니다.)

답글 남기기

이메일 주소를 발행하지 않을 것입니다. 필수 항목은 *(으)로 표시합니다