JS와 CSS의 문자셋 지정

2008/12/03

UI 개발을 하면서 JS와 CSS를 사용할 일이 많은데, 이 문자셋이라는 것이 문제가 될 때가 왕왕 있다.

특히, IE의 경우 HTML 문서와 링크된 외부 JS 파일/CSS 파일의 문자셋이 다르면 대부분의 경우 CSS는 무시, JS는 오류가 발생한다. 이 때, 자바스크립트 파일과 CSS 파일에 문자셋을 지정해 HTML 문서와 다른 문자셋을 써도 정상적으로 인식하게 만들 수 있다.

JavaScript 파일

자바스크립트는 외부 파일을 호출하는 <script> 태그에 속성으로 기술한다. 예를 들면, 외부 자바스크립트 파일이 utf-8 문자열을 사용한다면, 다음과 같이 작성할 수 있다.

<script type="text/javascript" src="path/file.js" charset="utf-8"></script>

붉은 글씨로 된 부분의 utf-8 을 원하는 문자열로 바꾸면 된다. charset 속성에 기술된 문자셋은 HTML 문서의 문자셋과 상관없이 인식되므로, 외부 자바스크립트 파일의 인코딩을 자유롭게 사용할 수 있다. 이 속성은 <script> 태그를 이용한 동적 스크립트 등에 유용하게 사용될 수 있다(이를 이용해 JSONP를 구현할 수도 있다). 또한 이 속성은, <a> <meta> <link> 태그에도 사용할 수 있다.

이 속성은 HTML 4.1 표준에 정의되어 있다.

CSS 파일

자바스크립트 파일은 HTML 문서에 있는 <script> 태그에 속성을 기술했지만, 이와 반대로 CSS 파일은 외부 파일에 직접 기술한다. 예를 들어, 외부 CSS 파일이 utf-8 문자열을 사용한다면, 다음 코드를 CSS 파일 제일 앞에 기술한다.

@charset "utf-8";

물론, 문자셋의 대소문자는 관계없으며, 역시 HTML 문서의 문자셋과는 상관없이 기술된 문자셋으로 인식된다.

이 선언은 CSS 2.1 표준에 정의되어 있다.

Tip&Tech , , , , , ,

업그레이드 완료!

2008/11/29

꽤 오랫동안 미뤄오다가 결국 Wordpress 2.7로 갈아탔습니다.

이미지도 손 봐야하고… 할 것이 많네요. ^^;;
꽤 깔끔해진 것은 같은데 적응하는데는 시간이 더 필요할 것 같습니다.
일단 다 날아간 태그와 뒤죽박죽이 되어버린 코멘트 순서는… 언제 다 복구하지… 끄응…

파워업!

파워업!

위 이미지의 저작권은 (주)유즈드림에 있습니다(출처:http://jimings.com).

수다 , ,

주장의 근거

2008/11/18

누군가를 설득하고 싶거나 자신의 주장을 말하고 싶다면 올바르고 타당한 근거를 대야함이 마땅하다.

“남들 다 하니까” 같은 어처구니 없고 형편없는 근거가 어디있나.
“이게 이러이러해서 더 우수하니까”라던지 “이러이러해서 현재의 방법은 나쁘니까”라고 말해야 하는 것이 당연한 것 아닌가?

“남들 다 하니까” 라는 식으로는…
Internet Explorer 전용 일색인 우리나라 정부 공무원들이 시력 1cm라고 욕할 수 없고,
네이버가 아닌 다른 포탈은 생기지도 않았어야 하거나 전 세계는 구글 검색을 썼어야 한다.
유니코드 따위 나오지도 말았어야 할 인코딩이고, Linux/Mac은 지구상에서 오래전에 사라졌어야 한다.

누구라도 납득할만한 근거를 들어야 상대를 설득시킬 수 있지 않겠는가.

Speech

Speech

수다 ,