HTML 문서에 문자 인코딩을 지정하는 방법

HTML 문자 인코딩이란?

문자 인코딩(character encoding)은 바이트(byte)를 사람이 읽을 수 있는 문자로 변환하는 규칙입니다. 웹 브라우저가 HTML 문서를 올바르게 해석하고 화면에 정상적으로 표시하려면, 해당 문서가 어떤 문자 인코딩 방식으로 작성되었는지 반드시 알아야 합니다.

인코딩이 잘못 지정되거나 누락되면 한글 등의 문자가 깨져 보이는 현상(깨진 글자, mojibake)이 발생할 수 있습니다.

<meta> 태그로 문자 인코딩 설정하기

HTML 문서의 문자 인코딩은 <head> 영역 안에서 <meta> 요소를 사용하고 charset 속성을 지정하여 선언합니다. 가장 널리 사용되는 인코딩 방식은 전 세계 거의 모든 문자를 지원하는 UTF-8입니다.

<!DOCTYPE html>
<html>
    <head>
        <meta charset = "UTF-8">
    </head>
    <body>
        <p>다음 링크를 클릭하세요</p>
        <a href = "https://www.qries.com" target = "_self">Welcome to Qries</a>
    </body>
</html>

주요 사항

<meta charset="UTF-8">은 반드시 <head> 내부에 작성해야 하며, 가능한 한 문서 상단에 배치하는 것이 좋습니다.
HTML5부터는 위와 같은 간결한 형식으로 인코딩을 선언할 수 있습니다.
파일을 실제로 저장할 때도 선언한 인코딩(예: UTF-8)과 동일한 형식으로 저장해야 문자가 깨지지 않습니다.