IE6 의 버그 와 이를 수정하는 방법을 논의하기 전에 이러한 성가신 문제(소위 nip in the bud)를 방지하기 위한 몇 가지 전략에 대해 이야기할 필요가 있습니다.
IE6 시장 점유율
시장점유율 통계에 따르면, 현재(2009년 8월) IE6의 시장점유율은 25.25% 이지만 , 다른 곳의 통계는 확실히 더 낮으며, 통계 결과는 다르지만 모두 하락세를 보이고 있습니다. 이 글을 쓰는 시점에 Taobao의 IE6 사용자는 70%에서 69%로 감소했습니다 . 그러나 가장 중요한 것은 귀하의 웹사이트에 대한 통계입니다. 귀하의 웹 사이트에서 트래픽 분석을 수행한다면 IE6의 점유율을 IE6용으로 개발할 가치가 있습니까? 이건 스스로 달아봐야 합니다.
귀하의 웹 사이트 방문자 중 대다수가 IE6을 사용하지 않고 비용을 지불하지 않는 경우에는 IE6과 호환되도록 특별히 만들 필요가 없으므로 시간, 에너지 및 비용이 절약됩니다.
심플한 디자인을 만들어보세요
디자인하는 동안 코드 구현을 고려하면 일부 레이아웃 문제를 피할 수 있습니다. 아무리 복잡한 디자인 초안이라도 간결한 코드로 구현할 수 있습니다. 너무 복잡한 태그를 사용하면 디자인 초안을 수정해야 합니다.
풍부한 개발 경험이 있고 많은 레이아웃 문제를 극복한 경우, 나중에 동일한 문제가 발생할 때 개발 효율성을 높일 수 있는 솔루션을 기록하세요.
적절한 문서 선언(doctype)을 사용하세요.
잘못된 문서 선언을 사용하면 이상한 모드가 실행됩니다. 올바른 문서 선언을 통해 페이지가 모든 브라우저에서 일관된 결과를 유지할 수 있습니다. 문서 선언 중 하나를 사용하세요: HTML 5[/i], [i]HTML 4.01 Strict[/i], [i]HTML 4.01 Frameset[/i], [i]HTML 4.01 Transitional[/i], [i] XHTML 1.0 엄격[/i], [i]XHTML 1.0 프레임세트[/i], [i]XHTML 1.0 전환[/i] 또는 [i]XHTML 1.1
HTML5
<!DOCTYPE HTML>
HTML 4.01 엄격
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " http://www.w3.org/TR/html4/strict.dtd ">
HTML 4.01 프레임셋
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 프레임셋//EN" " http://www.w3.org/TR/html4/frameset.dtd ">
HTML 4.01 전환
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " http://www.w3.org/TR/html4/loose.dtd ">
XHTML 1.0 엄격
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd ">
XHTML 1.0 프레임셋
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 프레임셋//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd ">
XHTML 1.0 전환
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
XHTML 1.1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" " http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd ">