IE6 버그 및 수정 - 문제가 발생하기 전에 예방하기 위한 전략_HTML/Xhtml_웹 페이지 제작

IE6의 버그와 수정 방법을 논의하기 전에 이러한 성가신 문제를 피하기 위한 몇 가지 전략에 대해 이야기할 필요가 있습니다.

원문: 궁극적인 IE6 치트시트: 25가지 Internet Explorer 6 버그 수정 방법
번역: http://www.php.cn/(번역 pair 원문 보완)

IE6의 BUG과 해결 방법을 논의하기 전에, 이러한 귀찮은 일을 피하기 위한 몇 가지 전략에 대해 이야기할 필요가 있습니다. 문제 - 소위 예방으로 발생하기 전에 고통을 겪습니다.

IE6 시장 점유율

시장 점유율 통계에 따르면 현재(2009년 8월) IE6의 시장 점유율은 25.25%이지만, 통계 다른 곳에서는 확실히 더 낮습니다. 18.1% 통계 결과는 다르지만 모두 하락 추세를 보입니다. (이 기사를 번역했을 때 Taobao의 IE6 사용자는 70%에서 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

HTML 5 HTML 4.01 엄격 //W3C//DTD HTML 4.01//EN" "

http://www.php.cn/

">

HTML 4.01 프레임셋

http://www.php.cn/ ">

HTML 4.01 전환

http://www.php.cn/">

XHTML 1.0 엄격

< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.php.cn/">

XHTML 1.0 프레임세트

http://www.php.cn /">

XHTML 1.0 전환기

http://www.php.cn/">

XHTML 1.1

< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.php.cn/">

코드 확인

코드 확인이 실질적인 가치가 없다고 생각하는 사람들이 있다고 들었는데, 저는 그렇지 않다고 생각합니다. 유효성 검사는 잠시만 소요되며 IE6뿐만 아니라 모든 브라우저에 도움이 됩니다. 유효성 검사는 이전 버전과의 호환성을 보장하고 유지 관리가 쉽습니다. 최소한 XHTML의 유효성을 검사해야 합니다! 유효성 검사를 무시할 수 있는 유일한 경우는 CSS3를 사용하려는 경우입니다. w3에서 제공하는 도구를 사용할 수 있습니다XHTML 확인

/

CSS 확인

먼저 표준 브라우저와 호환되어야 합니다

코드를 작성하는 과정에서 먼저 표준 브라우저(예: Firefox, Opera, Chrome 등)에서 테스트한 다음 비표준 브라우저(예: IE6/IE7)에서 테스트합니다. 이러한 표준 브라우저는 모두 w3c 표준을 따르기 때문입니다. , 대부분의 치료법은 동일합니다. "특수" IE 브라우저와 호환되도록 분리할 수 있습니다. 이렇게 하면 코드가 표준화되고 견고한 기반이 마련되며, 이러한 비표준 브라우저와 더 이상 호환될 필요가 없으면 한 번에 모두 삭제할 수 있습니다. . 이는 호환성 코드를 수정합니다.
점진적 개선

점진적 향상은 페이지 특수 효과 없이도 기본 기능을 사용할 수 있도록 하는 것입니다. 간단히 말하면 점진적 개선이란 JavaScript를 비활성화한 후에도 페이지가 정상적으로 작동하는지 확인한 후 페이지에 다양한 특수 효과(JavaScript 애니메이션, Ajax 비동기 등)를 추가하는 것을 의미합니다. 또한 "점진적 향상" 원칙을 사용하여 CSS3(또는 일부 CSS2), HTML5 및 IE6이 지원하지 않는 기타 웹 사양을 사용할 수 있습니다.
경우에 따라 모든 브라우저, 특히 IE6을 사용하는 경우 모든 사용자를 정확히 동일하게 만드는 것이 불가능합니다. 점진적인 향상 전략을 사용하면 해당 사용자가 최소한 웹 사이트(또는 웹 애플리케이션)의 기본 기능을 사용할 수 있습니다.

점진적 향상에 대한 추가 정보:

• 점진적 향상 이해(번역)

• 점진적 향상 이해

• CSS를 사용한 점진적 향상

• 점진적 향상: 정의 및 사용 방법

• 우아한 저하 vs. 점진적 향상

• 실용주의적 진보적 향상 - 왜 귀찮게 해야 할까요

자신만의 기본 스타일 사용(CSS 재설정)

각 브라우저에는 고유한 기본 스타일이 있습니다. 스타일 시트 이전에 기본 스타일(CSS 재설정)을 사용하면 나중에 긴 브라우저 호환 스타일을 작성하는 것을 피할 수 있습니다. 인터넷에는 참조할 수 있는 CSS 재설정이 많이 있습니다.

간단한 CSS 재설정 예:

body,p,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea, p,
th,td {margin:0;padding:0;}

일부 CSS 재설정 참고:

• YUI CSS 재설정

• Eric Meyer의 재설정 다시 로드

• KISSY CSS 재설정

자바스크립트 프레임워크 사용

웹사이트에서 자바스크립트 효과를 많이 사용하는 경우 자바스크립트 프레임워크 사용을 권장합니다. 대부분의 js 프레임워크는 IE6을 포함한 다양한 브라우저와 호환됩니다. 많은 선택적 프레임워크가 있지만 일반적으로 하나의 프레임워크로 얻을 수 있는 효과는 다른 프레임워크에서도 확실히 얻을 수 있으므로 개인 취향에 따라 적절한 프레임워크를 선택하면 됩니다.

다음은 일반적으로 사용되는 JavaScript 프레임워크입니다.

• MooTools

• jQuery

• ProtoType Scriptaculous

• 도장

• Ext JS

MooTools를 적극 권장하지만, 초보자라면 그래도 jQuery를 사용하는 것이 좋습니다. .

JavaScript를 사용하여 표준 브라우저 에뮬레이션

IE6을 사용하는 사용자의 비율이 높고 JavaScript를 켜면 Dean Edwards의 IE7 또는 유사한 스크립트 사용을 고려할 수 있습니다.
번역가의 메모: 이러한 "시뮬레이션" 구현은 종종 많은 리소스를 소비하고 IE는 이미 충분히 좋지 않기 때문에 이러한 스크립트를 사용하지 않는 것이 좋습니다.

IE에서 페이지를 디버그하는 방법

IE에서 페이지를 디버깅하는 것은 매우 번거로운 작업입니다. Firefox의 확장 프로그램은Firebug 및 웹 개발자 도구 모음은 모두 매우 유용한 도구입니다. IE나 다른 브라우저에서 Firebug를 사용하려면 Firebug Lite를 사용할 수 있습니다.
IE에는 IE Collection과 IETester라는 두 가지 최고의 디버깅 방법이 있으며 둘 다 무료입니다(몇 가지 결함이 있음). IETester 개발자는 DebugBar도 제공합니다. 이 IE 플러그인은 개인 용도로는 무료이지만 상용 사용자는 60일 동안만 사용해 볼 수 있습니다.

위 내용은 예방전략_HTML/Xhtml_웹페이지 제작이라는 IE6 BUG 및 복구 전략 내용입니다. 더 많은 관련 내용은 PHP 중국어 홈페이지(www.php.cn)를 주목해주세요!