Programming Language

[HTML5] 웹 브라우저에서 한글 깨짐 해결

깐요 2017. 3. 22. 18:29

내 홈페이지의 한글이 깨졌다?

문자 인코딩을 UTF-8로 지정하는 경우

아래 사진과 같이 한글 깨짐 현상이 나타나는 경우가 있다


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html>
<html>
    <head>
        <title>HTML 요소</title>
        <meta charset="UTF-8">
        <meta authors = "ChoRyeon">
    </head>
    <body>
        <h2>HTML 시작하기</h2>
        <p>첫줄에 문서형식선언 !DOCTYPE html</p>
        <p>다음줄부터 요소(element)로 구성</p>
        <p>- [시작 태그] 문서의 내용 [종료태그]
        <br />- 내용 없는 요소는 단독태그로</p>
    </body>
</html>
cs


이럴 때는 해결방법이 2가지가 있다



1. 문서 작성기나 파일 편집기에서 파일의 문자 인코딩을 UTF-8로 설정해주기


메모장의 경우로 예시를 들도록 하겠다


빨간 네모 박스 안에 보면 인코딩을 바꿔줄 수 있는 리스트 박스가 있다

보통 ANSI로 저장하기 때문에 한글이 깨지는 경우가 생긴다

이를 UTF-8로 바꿔준다




2. <meta> 요소 설정


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

위 구문을 추가해주면 해결된다






320x100