mwultong Blog ... 프로그래밍 / 계산기

컴퓨터 엑셀 워드 포토샵 구글어스 WINDOWS JAVASCRIPT JAVA C++

 
Wednesday, August 09, 2006

HTML-CSS] 일본어 웹문서 인코딩(Encoding) 종류/ 메타 태그(META TAG)


일본어로 인터넷 문서를 작성할 때 사용하는 인코딩은 다음과 같은 종류가 있습니다:

일본어(EUC)


"Extended UNIX Code"라는 의미이며, EUC 또는 EUC-JP 로 불립니다. 유닉스에서 만들어진 인코딩입니다. 그래서 이것이 표준이라고 볼 수 있을 것입니다.

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

위의 메타 태그를 <head></head> 사이에 넣어주면 됩니다.




일본어(Shift-JIS)


마이크로소프트가 일반PC용으로 만든 코드; 한국의 확장완성형과 비슷하군요. 제가 보기로, 일본어 웹페이지의 60~70% 정도는 Shift-JIS 였습니다. 그리고 나머지는 EUC 즉 euc-jp 였습니다. 그런데 이것은 유닉스의 Perl(펄) 등에서 문제가 많다는 이야기를 들었습니다.

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

위의 메타 태그를 <head></head> 사이에 넣어주면 됩니다.



유니코드(UTF-8)


이것은 일본어 코드는 아니고, 전세계의 모든 문자를 표현하는 코드입니다. 일본어도 물론 표현할 수 있습니다. 위의 인코딩 2개는 표현 가능한 한자에도 제약이 있고 해서, 요즘에는 일본에서도 유니코드를 쓰는 경우가 많았습니다.

만약 한국인이 일본어 페이지를 만든다면 유니코드(UTF-8)가 가장 좋습니다. 한글도 동시에 쓸 수 있고, 중국식 한자나 희귀한자들도 같이 쓸 수 있기 때문입니다. 단, 어떤 한자가 일본에서 통용되는 한자인지 잘 파악되지 않는 단점이 있습니다. (▶▶ 일본 한자 / 한국 한자 대조표 : Japanese Kanji / Korean Hanja Convert Table 참고)

그런데 이것은 윈도의 일반 유니코드(UTF-16LE)가 아닌, UTF-8입니다. 일반 유니코드(UTF-16LE)로는 HTML파일을 만들 수 없습니다. (▶▶ 일반 유니코드(Unicode)와 'UTF-8 유니코드'의 차이점 참고)

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

위의 메타 태그를 <head></head> 사이에 넣어주면 됩니다.




주의 사항


예를 들어, 실제 HTML 문서의 인코딩이 "한국어(EUC)"인데, 메타 태그만 일본어로 지정한다면 일본어 글자들이 깨지게 됩니다. 당연한 얘기긴 하지만, 반드시 문서 파일 자체도 일본어 인코딩이어야 합니다. 메타 태그라는 것은, 현재 문서의 인코딩을 브라우저에게 정확히 알려주는 역할만 할 뿐이지, 실제 파일의 인코딩을 변경시키는 힘은 없습니다.

또한, 인코딩 메타 태그는 <title></title> 태그보다 위에 있어야 합니다. 그렇지 않으면 IE의 "자동 선택" 기능이 오작동합니다. (▶▶ 블로거(blogger.com)의 인코딩 버그 완벽 해결법 참고)




▶▶ 울트라에디트(UltraEdit)에서 일본어 입력/편집하는 법

▶▶ 익스플로러(IE)에서 한글/일본어/중국어 글꼴이 깨질 때, 해결법은?




tag: html
HTML | CSS | 자바스크립트 JavaScript

1 Comments:
At April 7, 2010 at 10:01 AM, Blogger xfactor said...

좋은정보 감사합니다^^

 

<< Home RSS 2.0 feed

구글 Google 에서 제공하는 무료 블로그 서비스인 블로거 Blogger 의 인터넷 주소는 www.blogger.com 입니다. Blogger 에 블로그를 만들면, blogspot.com 이라는 주소에 블로그가 생성됩니다.
블로그를 직접 방문하지 않고도 최신 게시물을 구독하려면 RSS 2.0 feed 주소를 리더기에 등록하시면 됩니다.
Previous Posts
Monthly Archives
Top