웹 개발

[web] 인코딩 ( 한글 깨짐 )

노루아부지 2019. 11. 16. 21:46
반응형

문자 인코딩 개요

웹 페이지의 소스를 들여다보면 <head>태그를 볼 수 있습니다. 바로 이 <head> 태그 내부에 문자 인코딩 설정을 <meta> 태그로 작성하게 됩니다. 여기서 <meta>는 해당 웹 페이지의 여러 메타 정보를 담고 있게 됩니다. 이 정보들은 웹브라우저에 다양한 정보를 전달하는데 현재 웹 사이트 방문자에게 보여지게 될 내용에도 영향을 주게 됩니다.

 

인코딩을 선언하는 이유는?

웹 페이지의 인코딩 방식을 선언하는 이유는 현재 사용중인 언어셋 정보를 정확히 알려주기 위함입니다. 이 메타정보가 없어도 브라우저는 대략적으로 언어셋을 추측할 수 있지만, 잘못된 예측으로 다른 인코딩 방식이 적용될 수 있습니다.

즉, 인코딩을 선언하지 않으면 문자깨짐 현상 등 심각한 오류가 나타날 수 있게 됩니다.

 

인코딩 선언 방법

 

 

HTML5

<meta charset="utf-8">

 

HTML4

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

 

 

XHTML

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
728x90
반응형
loading