코드는 비슷한데 결과가 달라요. css js 질문

세벌의 이미지

http://sebul.sarang.net/hklab/array/nebul.html

http://sebul.co-story.net/ta/nebul8.html

위 두 개는 소스는 비슷한데 브라우저로 열어보면 결과가 미묘하게 다르네요.
왜 결과가 다른지를 모르겠...

peecky의 이미지

가장 큰 원인은 <!doctype html> 이죠. HTML 소스코드 상단에 HTML 버전을 표시 안 할 경우 quirks 모드로 렌더링이 됩니다.

http://www.quirksmode.org/css/quirksmode.html

shxodlf3의 이미지

http://sebul.sarang.net/hklab/array/nebul.html
-> 이 링크에서는 한글 부분이 깨져 있습니다

http://sebul.co-story.net/ta/nebul8.html
-> 이 링크에서는 정상동작합니다

한글은 2byte 문자입니다

위에 깨진 링크에서는 2byte문자에 대해서 1byte씩 처리를 해서 보여주고 있습니다

document type에서 인코딩 정해주셨다 하더라도

db나 내부 소스 중(jsp 사용하신다면 서버 안에서 사용하는 일부 클래스를 예로 들수가 있어요) 에서 인코딩이 같은 종류로 지정이 되지 않았다면 그냥 1byte 처리를 하는 경우가 있습니다

1년차 임베디드 소프트쟁이 입니다

시스템에 관심이 많습니다