[아주 대충 HTML] 공백/띄어쓰기 : " " 과 "스페이스"

[아주 대충 HTML] 공백/띄어쓰기 : " " 과 "스페이스"

1. HTML에서 띄어쓰기 " " 과 "스페이스"의 차이

스페이스는 공백 하나만 가능하고  는 공백을 무한정 줄 수 있습니다.

  이 많아질수록 공백이 넓어지는 걸 알 수 있습니다.

편집기	HTML
2019.12.30 수정	2019.12.30 수정
2019.12.30 수정	2019.12.30 수정
2019.12.30  수정	2019.12.30  수정
2019.12.30   수정	2019.12.30   수정

그런데 문제는 두번째와 세번째입니다. 

티스토리 편집기 말고 다른데서도 이런지는 모르겠습니다. (사실 이런 문제는 티스토리에서 두드러진 듯)

스페이스를 하나 주었을 때와 " " 하나를 주었을 때 약간 차이가 보입니다. 

2. 티스토리 편집기에서 띄어쓰기 문제점의 예

티스토리 편집기에서 정렬이 안 되어 보이는 경우

다른 데도 그런지는 모르겠지만 티스토리 편집기에서 줄 맞춰 작성했는데도 실제로 살짝 어긋나 있을 때가 있습니다. 한두개야 뭐 신경도 안 쓰이지만 한 열개 넘개 나열을 했는데 삐뚤빼뚤 꼼꼼한 사람이 아니라도 신경이 좀 쓰일 겁니다.

아래 정렬이 살짝 어긋나 보입니다.

실제 글

편집기 상에서

3. 해결

" " 와 "스페이스" 차이 때문에 생긴 문제입니다.  
하나로 통일하면 되겠죠. 실제로는 맨 뒤의 " "를 삭제하고 스페이스로 대체했습니다.

4.    (Non-breaking space)

 는 NBSP 즉 Non-breaking space를 의미합니다. 

https://en.wikipedia.org/wiki/Non-breaking_space  (영문위키)

https://namu.wiki/w/NBSP (나무위키)