HTML 파일 저장할 때 인코딩은 UTF-8로 해야 하는 이유
HTML 파일을 만들거나 index.html 파일을 저장할 때 인코딩이라는 항목을 보게 되는 경우가 있습니다.
특히 모바일 파일 편집 앱이나 코드 편집기에서 파일을 저장할 때 UTF-8, EUC-KR, ANSI 같은 선택지가 나올 수 있습니다.
처음 보면 어렵게 느껴질 수 있지만 결론은 간단합니다. HTML 파일은 UTF-8로 저장하면 됩니다.
인코딩이란 무엇일까?
인코딩은 쉽게 말해 글자를 컴퓨터가 저장하고 읽는 방식입니다.
우리가 보는 글자는 사람에게는 문자이지만, 컴퓨터 입장에서는 숫자 데이터로 저장됩니다. 이때 어떤 기준으로 글자를 숫자로 바꿀지 정하는 방식이 바로 인코딩입니다.
예를 들어 HTML 파일 안에 아래와 같은 문장이 있다고 해보겠습니다.
<h1>안녕하세요</h1>이 문장을 제대로 저장하고 다시 열었을 때 한글이 정상적으로 보이려면 인코딩이 맞아야 합니다.
인코딩이 맞지 않으면 한글이 이상한 기호로 깨져 보일 수 있습니다.
HTML 파일은 왜 UTF-8을 사용해야 할까?
UTF-8은 현재 웹에서 가장 널리 사용되는 인코딩 방식입니다.
한글뿐만 아니라 영어, 숫자, 특수문자, 일본어, 중국어, 이모지까지 폭넓게 지원합니다. 그래서 HTML, CSS, JavaScript 같은 웹 파일을 저장할 때 대부분 UTF-8을 사용합니다.
특히 블로그나 웹페이지를 만들 때는 다양한 기기와 브라우저에서 파일이 열릴 수 있습니다. 이때 UTF-8로 저장하면 호환성이 좋아 한글 깨짐 문제가 줄어듭니다.
UTF-8의 장점
| 장점 | 설명 |
|---|---|
| 한글 지원 | 한글이 깨질 가능성이 낮습니다. |
| 웹 호환성 | 대부분의 웹브라우저와 코드 편집기에서 잘 인식합니다. |
| 다국어 지원 | 영어, 일본어, 중국어 등 다양한 문자를 표현할 수 있습니다. |
| 이모지 지원 | 이모지와 일부 특수문자도 사용할 수 있습니다. |
| HTML 저장에 적합 | 새로 만드는 HTML 파일에는 UTF-8이 가장 무난합니다. |
HTML 파일을 처음 만드는 경우라면 복잡하게 고민하지 말고 UTF-8을 기본값으로 사용하면 됩니다.
EUC-KR은 무엇일까?
EUC-KR은 예전에 한국 웹사이트에서 많이 사용되던 인코딩 방식입니다.
한글을 표현할 수는 있지만, 요즘 웹 환경에서는 UTF-8보다 사용 범위가 좁습니다. 특히 이모지나 일부 특수문자, 외국어를 사용할 때 깨질 가능성이 있습니다.
과거에 만들어진 오래된 한국 사이트나 문서에서는 EUC-KR을 볼 수 있지만, 새로 HTML 파일을 만든다면 굳이 선택할 필요는 거의 없습니다.
ANSI는 무엇일까?
ANSI는 환경에 따라 다르게 해석될 수 있는 인코딩 방식입니다.
같은 파일이라도 어떤 프로그램이나 운영체제에서 여느냐에 따라 글자가 깨질 수 있습니다. 특히 한글이 포함된 HTML 파일에서는 안정성이 떨어질 수 있기 때문에 추천하지 않습니다.
HTML 파일 저장용이라면 ANSI보다는 UTF-8을 선택하는 것이 좋습니다.
HTML 코드 안에도 UTF-8을 적어야 할까?
파일 저장 인코딩을 UTF-8로 설정했다면, HTML 코드 안에도 아래 코드를 넣어주는 것이 좋습니다.
<meta charset="UTF-8">이 코드는 브라우저에게 “이 HTML 문서는 UTF-8 방식으로 읽어 주세요” 라고 알려주는 역할을 합니다.
보통 <head> 태그 안에 넣습니다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>나의 첫 HTML 페이지</title>
</head>
<body>
<h1>안녕하세요</h1>
<p>HTML 파일은 UTF-8로 저장하는 것이 좋습니다.</p>
</body>
</html>이렇게 작성하면 브라우저가 한글을 더 안정적으로 인식할 수 있습니다.
모바일에서 index.html 저장할 때 설정 방법
모바일 코드 편집기나 파일 관리자 앱에서 index.html을 저장할 때는 파일 이름과 확장자를 따로 입력하는 경우가 있습니다.
| 항목 | 입력값 |
|---|---|
| 파일 이름 | index |
| 확장자 | html |
| 인코딩 | UTF-8 |
파일 이름은 index, 확장자는 html로 입력하면 최종 파일명은 index.html이 됩니다.
이때 인코딩은 UTF-8 그대로 두고 저장하면 됩니다.
한글이 깨진다면 확인할 것
HTML 파일을 열었을 때 한글이 깨져 보인다면 아래 내용을 확인해보면 좋습니다.
첫째, 파일 저장 인코딩이 UTF-8인지 확인합니다.
둘째, HTML 코드 안에 <meta charset="UTF-8">가 있는지 확인합니다.
셋째, 파일 확장자가 .html로 제대로 저장되었는지 확인합니다.
간혹 index.html.txt처럼 저장되는 경우도 있기 때문에 파일 이름도 함께 확인하는 것이 좋습니다.
핵심 정리
HTML 파일을 저장할 때 인코딩은 UTF-8을 선택하는 것이 가장 좋습니다.
UTF-8은 한글, 영어, 특수문자, 이모지 등 다양한 문자를 지원하고, 대부분의 웹브라우저에서 안정적으로 작동합니다.
반면 EUC-KR은 예전 한국 웹사이트에서 많이 쓰던 방식이고, ANSI는 환경에 따라 글자가 깨질 가능성이 있습니다.
HTML 파일 저장 인코딩은 UTF-8로 설정한다.
마무리
인코딩은 처음 접하면 어렵게 느껴질 수 있지만, HTML 파일을 만들 때는 복잡하게 생각하지 않아도 됩니다.
웹페이지를 만들거나 블로그 예제 파일을 저장할 때는 UTF-8을 선택하면 대부분 문제가 없습니다.
특히 한글이 들어간 HTML 문서라면 UTF-8은 거의 필수에 가깝습니다. index.html 파일을 저장할 때 인코딩 선택 화면이 나온다면, 그대로 UTF-8을 선택하고 저장하면 됩니다.
'[ 공략법 ] AI 'es 심곡 파출소' 카테고리의 다른 글
| ChatGPT 데이터 제어 설정 쉽게 이해하기 (0) | 2026.05.27 |
|---|---|
| 이미지 프롬프트만으로 원본 이미지와 똑같이 나올수 있을까? (0) | 2026.05.20 |
| AI 로 문서에 도장 찍기 - 다르게 나오는 이유와 정확한 해결 방법 (0) | 2026.05.13 |
| ChatGPT 프로젝트 이동 방법과 앱·웹 메뉴 차이 정리 (0) | 2026.05.12 |
| 블로그에 좋은 ChatGPT 프로젝트와 맞춤형 GPTs 활용법 (0) | 2026.05.12 |
