반응형
글자가 이상하게 보일 때 깨지지 않게 meta태그에 인코딩 설정
웹 문서에 한글이나 한자, 일본어 등으로 작성한 글은 사용자의 문화권에 따라 깨져 보일 수 있습니다.
이는 문화권에 따라 사용하는 문자 인코딩이 다르기 때문이죠. 이 때 meta 태그에 UTF-8로 인코딩을 설정하면 문제를 해결할 수 있어요.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
...
</html>
UTF-8은 가변 길이 문자 인코딩 방식 중에 하나로 Universal Coded Character Set Transformation Format - 8bits의 약자입니다. 유니코드를 위해 켄 톰프슨과 롭 파이크가 만든 것이죠.
만약 국내의 고객만을 대상으로 웹 페이지를 만들고 사용하는 문자가 한글과 영어만 있다면 "euc-kr" 메타 태그를 사용할 수도 있어요.
<!DOCTYPE html>
<html>
<head>
<meta charset="euc-kr" />
...
</html>
이처럼 문자 인코딩을 설정하는 것은 HTML 문서 뿐만 아니라 대부분의 프로그래밍에서 필요합니다.
반응형
'언어 자료구조 알고리즘 > HTML5' 카테고리의 다른 글
| [HTML5] 8. 굵게 표시하는 태그 <strong>은 강조 <b>는 그냥 굵게 (0) | 2016.05.07 |
|---|---|
| [HTML5] 7. mark 태그를 이용하여 중요한 텍스트에 형광펜 효과를 주자. (0) | 2016.05.07 |
| [HTML5] 6. 안전한 구조를 위해 br 태그에 종료를 표시하자. (0) | 2016.05.05 |
| [HTML5] 5. 소스 코드를 본문에 포함할 때는 pre 태그를 사용! (0) | 2016.05.05 |
| [HTML5] 4. 주석으로 가독성을 높이자. (0) | 2016.05.05 |
| [HTML5] 2. 간단해진 HTML 문서 형식 선언 <!DOCTYPE html> (0) | 2016.05.04 |
| [HTML5] 1. 첫 번째 만드는 HTML 문서, "Hello, HTML" (0) | 2016.05.04 |
| [HTML5] 이미지 (0) | 2016.04.09 |
| [HTML5] 테이블 (0) | 2016.04.09 |
| [HTML5] 목록 태그 <ul>, <ol>, <dl> (0) | 2016.04.09 |