[HTML] <textarea> 태그 공백 생김 문제

 

HTML에서 <textarea> 태그를 사용할 때 내용과 태그 사이에 공백이 생기는 이유는 HTML 해석 방식 때문입니다.

HTML은 기본적으로 코드에 있는 모든 공백(스페이스, 탭, 줄바꿈 등)을 유효한 텍스트 콘텐츠로 간주합니다.

따라서, 아래와 같이 작성하면

<textarea>
	text
<textarea>

 

<textarea> 태그 바로 뒤의 줄바꿈과 시작 위치의 탭이나 스페이스도 텍스트로 인식되어, 

실제로 보여지는 텍스트 내용 앞에 공백이 생깁니다.

 

이를 해결하려면, <textarea> 태그와 내용 사이에 공백이 없도록 작성해야 합니다. 

아래와 같이 작성하면 공백이 생기지 않습니다

<textarea>text<textarea>