minstudio

특수 문자와 기호 (HTML Entities)

HTML 파일 안에서 스페이스바를 10번 눌러도 화면에는 딱 1칸만 띄어집니다. 왜냐하면 컴퓨터가 스페이스바의 연속을 무시하기 때문입니다. 또한, 키보드의 < 와 > 기호를 화면에 출력하려고 썼다가는, 브라우저가 그것을 HTML 태그로 오해해서 화면이 엉망진창이 됩니다.

이처럼 예약된 문자나 키보드에 없는 특수 기호를 화면에 안전하고 정확하게 띄우기 위해 사용하는 특별한 암호를 엔티티(Entity)라고 부릅니다. 모두 & 로 시작해서 ; 로 끝나는 규칙을 가집니다.

🔐 기호 번역기 (Entity 암호)

<div> 입력
➡️
(화면 붕괴!) 진짜 태그로 오해함
&lt;div&gt; 입력
➡️
(통과!) 화면에 <div> 출력
태그명주요 속성설명
&nbsp;-일반 띄어쓰기와 달리, 단어 사이가 끊어져서 줄바꿈되지 않게 꽉 잡아주는 특수 공백(Non-breaking Space)입니다.
&lt;, &gt;-수학 기호 < (Less than)와 > (Greater than)를 화면에 안전하게 그립니다.
&copy;-웹사이트 맨 밑에 항상 붙는 동그란 저작권 기호(©)를 화면에 출력합니다.
 
<!-- 1. 공백 문자 (Non-breaking space) -->
<p>HTML에서는 띄어쓰기를 아무리       많이 해도 브라우저는 1칸만 인식합니다.</p>
<p>강제로&nbsp;&nbsp;&nbsp;&nbsp;띄우려면 &amp;nbsp; 라는 암호를 씁니다.</p>

<!-- 2. 부등호 (태그로 인식되는 것 막기) -->
<p>HTML 태그는 &lt;div&gt; 처럼 씁니다. (화면에 <div > 처럼 출력됨)</p>

<!-- 3. 특수 기호 -->
<p>카피라이트 심볼: &copy; 2026 Minstudio</p>
<p>앤드 기호: A &amp; B</p>
<p>따옴표: &quot;안녕하세요&quot;</p>
실행 결과
특수 문자와 기호 (HTML Entities) | Minstudio