게으른 개발자의 끄적거림

HTML 특수문자 (> < &  ) 변환 방법

끄적잉 2024. 1. 31. 21:51
반응형

 

HTML 특수문자 (> < &  ) 변환 방법

 

HTML에서는 일부 특수문자를 그대로 사용할 수 없기 때문에 이를 특별한 문자 엔터티로 변환해야 합니다. 예를 들면, `<`는 `&lt;`, `>`는 `&gt;`, `&`는 `&`, 공백은 `&nbsp;`와 같이 변환됩니다. 이러한 문자 엔터티는 브라우저가 올바르게 해석하고 표시할 수 있도록 도와줍니다. 아래에서는 주로 사용되는 몇 가지 HTML 특수문자와 그 변환 방법에 대해 자세하게 설명하겠습니다.

 


1. **< (작은 부등호) - `&lt;`로 변환:**
   HTML에서는 `<`를 직접 사용할 수 없습니다. 따라서 `<`를 표현하려면 `&lt;`로 변환해야 합니다.


   ```html
   <p>HTML 코드는 &lt;p&gt;로 시작합니다.</p>

 

 


2. **> (큰 부등호) - `&gt;`로 변환:**
   `>`는 HTML에서 특수 의미를 가지기 때문에 텍스트로 표시하려면 `&gt;`로 변환해야 합니다.


   ```html
   <a href="https://www.example.com">방문하기 &gt;&gt;</a>

 

 


3. **& (앰퍼샌드) - `&`로 변환:**
   `&`는 HTML에서 다른 문자와 구분되는 기능을 수행하므로 텍스트로 사용하려면 `&`로 변환해야 합니다.


   ```html
   문서 내용을 확인하려면 &lt;body&gt;를 참조하세요.

반응형

 


4. **공백 - `&nbsp;`로 변환:**
   공백 문자는 여러 번 반복되어도 브라우저에서 하나의 공백으로만 인식되기 때문에, 특수한 경우에 여러 개의 공백을 유지하려면 `&nbsp;`로 변환해야 합니다.


   ```html
   이 문장은 공백이 &nbsp;&nbsp;&nbsp; 많습니다.


이와 같은 HTML 특수문자 변환은 주로 텍스트를 마크업하는데 사용되며, 특히 사용자 입력과 같은 외부 데이터를 화면에 안전하게 표시하는 데 중요합니다. HTML 특수문자 변환을 사용하면 브라우저는 텍스트를 올바르게 해석하고 사용자에게 적절한 형태로 표시할 수 있습니다.

반응형