맨위로가기

폭 없는 공백

"오늘의AI위키"는 AI 기술로 일관성 있고 체계적인 최신 지식을 제공하는 혁신 플랫폼입니다.
"오늘의AI위키"의 AI를 통해 더욱 풍부하고 폭넓은 지식 경험을 누리세요.
목차

1. 개요

폭 없는 공백은 텍스트 내에서 줄 바꿈이 가능한 위치를 지정하는 데 사용되는 문자이다. HTML에서는 `` 요소의 대체로 사용되며, 유니코드 U+200B ZERO WIDTH SPACE에 해당한다. 이 문자는 긴 단어나 URL 등에서 줄 바꿈을 제어하여 가독성을 높이는 데 기여하며, 도메인 이름에 포함될 경우 동형이의어 공격에 악용될 수 있어 ICANN 규정에 의해 금지된다. 폭 없는 공백은 다양한 환경에서 표현될 수 있으며, 윈도우 메모장 등에서 유니코드 제어 문자를 삽입하여 사용할 수 있다.

2. 사용법

폭 없는 공백은 긴 단어나 문장에서 줄 바꿈이 필요한 위치를 나타낼 때 사용된다. 특히 HTML에서 `<wbr>` 요소의 대체로 사용되어, 긴 단어 중간에 줄 바꿈이 가능한 지점을 표시한다.[13] 하지만, 버전 6 이전의 인터넷 익스플로러처럼 일부 웹 브라우저에서는 제대로 표시되지 않을 수 있다.[13]

폭 없는 공백은 하이픈 없이 잠재적인 줄 바꿈 지점을 표시한다는 점에서 부드러운 하이픈과 유사하지만, 부드러운 하이픈은 줄이 끊어지는 지점에 하이픈을 표시한다는 차이점이 있다.

또한, 폭 없는 공백은 태국어, 미얀마어, 크메르어, 일본어와 같이 단어 사이에 공백이 없는 언어에서 단어 분리를 표시하는 데 사용될 수 있다.[1]

양쪽 정렬된 텍스트에서 렌더링 엔진은 고정 폭 공백과 달리 폭 없는 공백으로 구분된 문자 사이에 문자 간 간격(글자 간격)을 추가할 수 있다.[1]

2. 1. HTML

HTML에서는 `<wbr>`요소를 대신하여 긴 단어 중간에 줄 바꿈이 가능한 위치를 지정할 수 있다. 그러나 버전 6 이전의 인터넷 익스플로러와 같이 일부 웹 브라우저에서는 이 기능을 제대로 표시하지 못할 수 있다.[13]

다음은 폭 없는 공백을 사용한 예시이다. 모든 단어 사이에 폭 없는 공백이 들어가 있다.



Lorem​Ipsum​Dolor​Sit​Amet​Consectetur​Adipiscing​Elit​Sed​Do​Eiusmod​Tempor​Incididunt​Ut​Labore​Et​Dolore​Magna​Aliqua​Ut​Enim​Ad​Minim​Veniam​Quis​Nostrud​Exercitation​Ullamco​Laboris​Nisi​Ut​Aliquip​Ex​Ea​Commodo​Consequat​Duis​Aute​Irure​Dolor​In​Reprehenderit​In​Voluptate​Velit​Esse​Cillum​Dolore​Eu​Fugiat​Nulla​Pariatur​Excepteur​Sint​Occaecat​Cupidatat​Non​Proident​Sunt​In​Culpa​Qui​Officia​Deserunt​Mollit​Anim​Id​Est​Laborum



같은 문장에 폭 없는 공백을 사용하지 않으면 아래와 같다.



LoremIpsumDolorSitAmetConsecteturAdipiscingElitSedDoEiusmodTemporIncididuntUtLaboreEtDoloreMagnaAliquaUtEnimAdMinimVeniamQuisNostrudExercitationUllamcoLaborisNisiUtAliquipExEaCommodoConsequatDuisAuteIrureDolorInReprehenderitInVoluptateVelitEsseCillumDoloreEuFugiatNullaPariaturExcepteurSintOccaecatCupidatatNonProidentSuntInCulpaQuiOfficiaDeseruntMollitAnimIdEstLaborum



브라우저가 폭 없는 공백을 지원하는 경우, 첫 번째 예시는 브라우저 창의 폭을 변경하면 단어 사이에서 줄 바꿈이 발생하지만, 두 번째 예시는 줄 바꿈이 발생하지 않는다.

HTML 페이지에서 HTML 요소 `<wbr>`는 폭 없는 공백과 같은 기능을 수행한다. 인터넷 익스플로러 6에서는 일부 글꼴에서 폭 없는 공백이 지원되지 않았다.[2]

2. 2. 줄 바꿈 제어

HTML에서는 `<wbr>`요소의 대체로 긴 단어 도중에서 줄 바꿈 가능한 장소를 나타내는데 사용된다. 다만, 버전 6 이전의 인터넷 익스플로러 등, 이것을 바르게 표시할 수 없는 웹 브라우저도 있다[13].

이하는 폭 없는 공백을 사용한 예시이다. 모든 단어의 사이에 폭 없는 공백이 들어있다.



Lorem​Ipsum​Dolor​Sit​Amet​Consectetur​Adipiscing​Elit​Sed​Do​Eiusmod​Tempor​Incididunt​Ut​Labore​Et​Dolore​Magna​Aliqua​Ut​Enim​Ad​Minim​Veniam​Quis​Nostrud​Exercitation​Ullamco​Laboris​Nisi​Ut​Aliquip​Ex​Ea​Commodo​Consequat​Duis​Aute​Irure​Dolor​In​Reprehenderit​In​Voluptate​Velit​Esse​Cillum​Dolore​Eu​Fugiat​Nulla​Pariatur​Excepteur​Sint​Occaecat​Cupidatat​Non​Proident​Sunt​In​Culpa​Qui​Officia​Deserunt​Mollit​Anim​Id​Est​Laborum



같은 문장에 폭 없는 공백을 사용하지 않으면 아래처럼 된다.



LoremIpsumDolorSitAmetConsecteturAdipiscingElitSedDoEiusmodTemporIncididuntUtLaboreEtDoloreMagnaAliquaUtEnimAdMinimVeniamQuisNostrudExercitationUllamcoLaborisNisiUtAliquipExEaCommodoConsequatDuisAuteIrureDolorInReprehenderitInVoluptateVelitEsseCillumDoloreEuFugiatNullaPariaturExcepteurSintOccaecatCupidatatNonProidentSuntInCulpaQuiOfficiaDeseruntMollitAnimIdEstLaborum



브라우저가 폭 없는 공백에 대응하고 있다면, 첫 번째의 예시는 브라우저의 창 폭을 바꿨을 때에 단어의 사이에서 줄 바꿈이 일어나지만, 두 번째 예시는 줄 바꿈이 없는 것을 알 수 있다.

텍스트에서 폭 없는 공백의 효과를 보여주기 위해, 다음 단어들은 폭 없는 공백으로 구분되었다.



Lorem​Ipsum​Dolor​Sit​Amet​Consectetur​Adipiscing​Elit​Sed​Do​Eiusmod​Tempor​Incididunt​Ut​Labore​Et​Dolore​Magna​Aliqua​Ut​Enim​Ad​Minim​Veniam​Quis​Nostrud​Exercitation​Ullamco​Laboris​Nisi​Ut​Aliquip​Ex​Ea​Commodo​Consequat​Duis​Aute​Irure​Dolor​In​Reprehenderit​In​Voluptate​Velit​Esse​Cillum​Dolore​Eu​Fugiat​Nulla​Pariatur​Excepteur​Sint​Occaecat​Cupidatat​Non​Proident​Sunt​In​Culpa​Qui​Officia​Deserunt​Mollit​Anim​Id​Est​Laborum



반면에, 다음 단어들은 분리되지 않았다.



LoremIpsumDolorSitAmetConsecteturAdipiscingElitSedDoEiusmodTemporIncididuntUtLaboreEtDoloreMagnaAliquaUtEnimAdMinimVeniamQuisNostrudExercitationUllamcoLaborisNisiUtAliquipExEaCommodoConsequatDuisAuteIrureDolorInReprehenderitInVoluptateVelitEsseCillumDoloreEuFugiatNullaPariaturExcepteurSintOccaecatCupidatatNonProidentSuntInCulpaQuiOfficiaDeseruntMollitAnimIdEstLaborum



첫 번째 텍스트는 단어 경계에서만 줄 바꿈이 되며, 브라우저 창의 크기를 조정하면 이에 따라 텍스트가 다시 줄 바꿈된다. 반면 두 번째 텍스트는 전혀 줄 바꿈되지 않는다.

2. 3. 단어 분리 (공백 없는 언어)

폭 없는 공백은 태국어, 미얀마어, 크메르어, 일본어와 같이 단어 사이에 눈에 띄는 공백이 없는 언어에서 단어 분리를 표시하는 데 사용될 수 있다.[1]

2. 4. 도메인 이름

ICANN의 규칙은 폭 없는 공백을 포함한 표시되지 않는 문자가 도메인 이름에 포함되는 것을 금지하며, 대부분의 브라우저는 악성 URL이 합법적인 URL과 시각적으로 구별할 수 없도록 하는 동형이의어 공격을 생성하는 데 사용할 수 있기 때문에 도메인 이름 내에서 해당 문자의 사용을 금지한다.[3][4]

3. 문자 코드

유니코드에서 폭 없는 공백은 ZERO WIDTH SPACE영어로 U+200B에 할당되어 있다.[14]

3. 1. 표현 방식

HTML에서는 `​` 또는 `​`로 참조할 수 있다. 또한, `​`, `​`, `​` 및 `​`와 같은 문자 엔티티도 이름과는 달리 모두 폭 없는 공백을 가리킨다.[6]

TeX에서는 `\hskip0pt`, LaTeX에서는 `\hspace{0pt}`[11], groff에서는 `\:`[12]로 표현된다.

4. 기타

일반 사용자에게서는 직접 사용할 상황이 없는 기능이지만, 윈도우 XP 이상의 메모장에서는 우클릭 메뉴에서 유니코드 제어 문자 삽입을 통해 이 문자를 직접 추가할 수 있다. (대표적으로 ZWJ, ZWNJ) 드래그해서 이 문자를 선택할 수 있고 복사, 붙여넣기 등의 작업도 정상적으로 가능하다. '''폭 없는 문자'''라는 이름에서 알 수 있듯이 아무리 많이 이 글자를 추가하더라도 문장의 길이가 늘어나지 않기 때문에 육안으로는 얼마나 이 글자가 추가되어 있는지 식별할 방법이 없다.

컴퓨터 내의 파일명에도 적용 가능하다. 폭 없는 문자만을 파일명으로 작성했다면 파일명이 아예 보이지 않는 파일이 생성되고, 문장 중간에 넣었으면 눈으로 식별이 불가능한 같은 이름을 가진 파일이나 폴더를 2개 만들 수 있다.

참조

[1] 서적 The Unicode® Standard Version 15.0 – Core Specification https://www.unicode.[...] The Unicode Consortium 2022-09
[2] 웹사이트 Better Web Typography with Spaces and Hyphens http://dunae.ca/2009[...] 2009-12-03
[3] 웹사이트 Network.IDN.blacklist_chars http://kb.mozillazin[...] 2018-02-07
[4] 웹사이트 Unicode Character 'Zero Width Space' https://www.fileform[...] 2018-02-07
[5] 웹사이트 General Punctuation – Unicode https://www.unicode.[...] 2013-07-20
[6] MathML Entities/ZeroWidthSpace https://zvon.org/com[...]
[7] 웹사이트 The LaTeX Companion. Chapter 3: Basic Formatting Tools https://www.latex-pr[...] 2019-07-16
[8] 웹사이트 groff(7) – Linux manual page http://man7.org/linu[...] 2014-02-08
[9] 웹사이트 Better Web Typography with Spaces and Hyphens http://dunae.ca/2009[...] 2016-04-05
[10] 웹사이트 General Punctuation – Unicode https://www.unicode.[...] 2013-07-20
[11] 웹사이트 The LaTeX Companion. Chapter 3: Basic Formatting Tools http://latex-project[...] 2014-02-08
[12] 웹사이트 groff(7) - Linux manual page http://man7.org/linu[...] 2014-02-08
[13] 웨이백 Better Web Typography with Spaces and Hyphens http://dunae.ca/2009[...] 2010-12-14
[14] 웹인용 General Punctuation – Unicode http://www.unicode.o[...] 2013-07-20
[15] 웹인용 The LaTeX Companion. Chapter 3: Basic Formatting Tools http://latex-project[...] 2014-02-08
[16] 웹인용 groff(7) - Linux manual page http://man7.org/linu[...] 2014-02-08


본 사이트는 AI가 위키백과와 뉴스 기사,정부 간행물,학술 논문등을 바탕으로 정보를 가공하여 제공하는 백과사전형 서비스입니다.
모든 문서는 AI에 의해 자동 생성되며, CC BY-SA 4.0 라이선스에 따라 이용할 수 있습니다.
하지만, 위키백과나 뉴스 기사 자체에 오류, 부정확한 정보, 또는 가짜 뉴스가 포함될 수 있으며, AI는 이러한 내용을 완벽하게 걸러내지 못할 수 있습니다.
따라서 제공되는 정보에 일부 오류나 편향이 있을 수 있으므로, 중요한 정보는 반드시 다른 출처를 통해 교차 검증하시기 바랍니다.

문의하기 : help@durumis.com