HTML이나 PHP 파일에 한글을 입력하여 브라우저에서 확인하면 한글이 깨지는 경우가 있습니다.
가령, 메모장에 다음과 같은 HTML 코드를 입력하고 FTP를 통해 웹서버에 업로드해도 한글이 깨져 보일 수가 있습니다.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>이미지</title>
</head>
<body>
<h2>이미지</h2>
<br>
<img src='aaa.jpg'>
</body>
</html>
이런 경우 HTML 파일의 인코딩을 확인하여 utf-8로 설정해주면 문제가 해결될 것입니다. PHP 파일도 마찬가지입니다.
인코딩을 설정하는 방법은 텍스트 에디터마다 조금씩 다르지만 어렵지 않게 설정이 가능합니다.
위의 그림은 EmEditor라는 유료 프로그램에서 utf-8로 인코딩은 설정한 예입니다. 오른쪽 하단의 인코딩 부분을 더블클릭하면 인코딩을 바꿀 수 있는 화면이 표시됩니다.
무료로 이용할 수 있는 텍스트 에디터도 제법 있습니다. Notepad++이나 EditPad Lite 등을 사용해볼 수 있습니다.
저는 EmEditor를 오랫동안 사용하고 있어서 이 편집기만 사용하게 되네요.
무료 에디터인 EditPad Lite에서도 비슷한 방법으로 인코딩을 설정할 수 있습니다.
하단의 인코딩 부분을 더블클릭하면 인코딩을 선택할 수 있는 창이 표시됩니다. 원하는 인코딩을 선택하도록 합니다.
참고로 HTML로 직접 코딩하기 보다 CMS(콘텐츠 관리 시스템) 툴을 사용하면 보다 편리하게 홈페이지를 만들 수 있습니다. CMS 중 하나인 WordPress(워드프레스)는 전세계 점유율이 32%로 1위를 기록하고 있습니다. (전 세계 10개 사이트 중 3개 이상이 워드프레스로 만들어졌다는 것을 의미합니다.)
워드프레스 사용법에 대해서는 다음 글을 참고해보세요.