개발_웹/HTML, CSS

HTML | HTML5, XHTML 한글 깨짐 문제 / 인코딩 설정

zuyo 2017. 7. 19. 14:13
반응형

HTML의 인코딩 방식 때문에 한글이 깨질 때가 있다.

 

이는 브라우저에서 인식하는 인코딩 방식html 파일의 인코딩 방식이 달라 생기는 문제인데

둘 다 하나의 인코딩 방식으로 통일해 주면 된다.

 

먼저 html 파일의 인코딩 방식 설정은

에디터(개발툴, IDE) 설정에서 가능하다.

 

브라우저의 인코딩 방식 설정은

웹사이트에서 인코딩 관련 <meta> 태그를 전송 해 주는 방법이 있다.

 

UTF-8 인코딩 방식을 많이 사용하므로 예를 들어보면

 

XHTML의 경우

 

아래 코드를 <head> 태그 안에 삽입한다.

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

HTML5의 경우 

 

아래 코드를 <head> 태그 안에 삽입한다.

<meta charset="utf-8">
반응형

'개발_웹 > HTML, CSS' 카테고리의 다른 글

CSS | id, class, name 속성의 차이  (0) 2017.08.30
CSS | visibility:hidden, display:none 차이점  (0) 2017.07.19