[HTML] 공백 문자: 스페이스, 탭, 엔터

💡공백 문자

---

공백 문자(Whitespace)는 스페이스, 탭, 엔터(개행)을 말한다.
페이지 소스에 있는 공백 문자들을 브라우저가 처리하는 규칙이 있다.

HTML에서는 모든 게 출력 내용이 된다!✏️
소스상의 종류와 상관없이 1개 이상 연속된 공백 문자들을 단 1개의 공백 문자(스페이스)로 치환해서 화면에 출력한다.

💡공백 문자를 처리하는 방법

---

1. 스페이스 표현

하나     둘     셋
넷          다섯

<!-- html에서 스페이스 표현 -->
하나&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;둘&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;셋
넷&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;다섯

&엔티티명;
 

공백 1 글자당 엔티티를 1개 사용해야 한다.

 로 공백을 표현하지 않으면 HTML은 출력할 때 공백 1개로 바꿔서 출력을 하는데, 이를 non-break space라고 한다.

2. 탭문자

웹 문서(브라우저)에는 탭의 개념이 없기 때문에 탭은 불가능하다.

3. 개행문자

<!-- html에서 개행 표현 -->
하나&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;둘&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;셋
<br>
넷&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;다섯

개행문자는 <br>로 표현한다.