IE 와 FF 와 DTD선언과 주석 정보
IE 와 FF 와 DTD선언과 주석
본문
IE와 FF에서 코딩을 할경 우 DIV 태그에 padding값이 들어가면, IE와 FF DIV 크기가 달라지는게 보이던데, 이것을 해결하려면 DTD 선언을 해주라고 하더군요.
일단
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ko" xml:lang="ko">
이런형식으로 선언을 했더니 일부 조절이 되는 페이지도 있지만 안되는 페이지도 있더군요.
그래서 그냥 저냥 쓰고 왔는데, 오늘 웹서핑을 하다가 어떤 웹 접근성에 관련된 페이지 댓글으 봤는데..
"DTD 선언문 위에 주석이 있으면 DTD가 제대로 선언되지 않아요."
혹시나하고 DTD 선언문 위 주석을 제거했더니만, 이제 제대로 나오는군요 ㅡ,.ㅡ;
알고 계셨나요? 전 선언만 하면 되는지 알았더니만, 주석이 문제였군요.
여튼 쌓여있는 수많은 문제중 하나의 문제를 해결했네요. 흐흐흐
오늘은 시간이 많이 남아서 위 글 보고 새로 코딩해보고있어요.
일단
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ko" xml:lang="ko">
이런형식으로 선언을 했더니 일부 조절이 되는 페이지도 있지만 안되는 페이지도 있더군요.
그래서 그냥 저냥 쓰고 왔는데, 오늘 웹서핑을 하다가 어떤 웹 접근성에 관련된 페이지 댓글으 봤는데..
"DTD 선언문 위에 주석이 있으면 DTD가 제대로 선언되지 않아요."
혹시나하고 DTD 선언문 위 주석을 제거했더니만, 이제 제대로 나오는군요 ㅡ,.ㅡ;
알고 계셨나요? 전 선언만 하면 되는지 알았더니만, 주석이 문제였군요.
여튼 쌓여있는 수많은 문제중 하나의 문제를 해결했네요. 흐흐흐
오늘은 시간이 많이 남아서 위 글 보고 새로 코딩해보고있어요.
추천
0
0
댓글 5개
저도 dtd 땜에 하루 죙일 삽질한적 있는데 이유를 알면 좀 황당하더라구요
DTD가 없으면 화면 렌더링이 비표준 모드로 표현
DTD가 있으면 화면 렌더링이 표준호환 모드로 표현
DTD는 테그가 아님으로 "/>" 닫기 테그를 쓸필요가 없고
렌더링 시작전에 선언이되어야 유효
<meta charset="" />은 <title></title>테그 위에 있어야 FF,Mac OS 등에서 한글 제목이 깨지는 일이 없어지고요.
DTD가 있으면 화면 렌더링이 표준호환 모드로 표현
DTD는 테그가 아님으로 "/>" 닫기 테그를 쓸필요가 없고
렌더링 시작전에 선언이되어야 유효
<meta charset="" />은 <title></title>테그 위에 있어야 FF,Mac OS 등에서 한글 제목이 깨지는 일이 없어지고요.
ie 버그에요
DOCTYPE 선언부 위에 문자가 있으면 quirks 모드로 동작하는...
ie quirks mode 에서는 box model 여백계산 하는 방법이
표준 방식과 다르기 때문에 틀이 깨지게 된다네요.
이 버그 때문에 XHTML1.0 Strict(또는 XHTML1.1) 인 경우에도 최상단에
XML 선언을 생략해야 standard mode로 동작하게 된다는 내용을 본적이 있네요.
DOCTYPE 선언부 위에 문자가 있으면 quirks 모드로 동작하는...
ie quirks mode 에서는 box model 여백계산 하는 방법이
표준 방식과 다르기 때문에 틀이 깨지게 된다네요.
이 버그 때문에 XHTML1.0 Strict(또는 XHTML1.1) 인 경우에도 최상단에
XML 선언을 생략해야 standard mode로 동작하게 된다는 내용을 본적이 있네요.
네 IE만 주석이 포함되어있으면 인식이 못하더군요.
IE는 원래 편법을 좋아해요 ...;
