쿼크 모드란 무엇인가요? 표준 모드와 어떻게 다른가요?

Quirks 모드가 무엇인가요? 표준 모드와 차이점은 무엇입니까?

IE6부터 표준 모드가 도입되었습니다. 표준 모드에서는 브라우저가 표준을 준수하는 문서를 지정된 브라우저에서와 마찬가지로 올바르게 처리하려고 시도합니다.

CSS는 IE6 이전에는 충분히 성숙하지 않았기 때문에 IE5 이전의 브라우저와 다른 브라우저는 CSS에 대한 지원이 부족했습니다. 그러나 현재로서는 많은 페이지가 이전 Written in a를 기반으로 하기 때문에 문제가 발생합니다. 레이아웃 방법을 사용하며 IE6이 CSS를 지원하는 경우 이러한 페이지가 비정상적으로 표시됩니다. 기존 페이지가 파괴되지 않도록 하고 새로운 렌더링 메커니즘을 제공하는 방법은 무엇입니까?

우리는 프로그램을 작성할 때, 원래 인터페이스를 변경하지 않고 더욱 강력한 기능을 제공하는 방법, 특히 새 기능이 이전 기능과 호환되지 않을 때 어떻게 해야 하는지에 대한 문제에 자주 직면합니다. 이런 종류의 문제가 발생할 때 일반적인 접근 방식은 매개변수와 분기를 추가하는 것입니다. 즉, 특정 매개변수가 true이면 새 함수를 사용하고, 매개변수가 true가 아니면 이전 함수를 사용하여 이를 수행합니다. 파괴하지 않음 원래 프로그램은 새로운 기능도 제공합니다. IE6에서는 DTD를 이 "매개변수"로 처리합니다. 이전 페이지에 DTD를 작성하는 사람이 없기 때문에 IE6에서는 DTD가 작성되면 이 페이지가 CSS 레이아웃을 더 잘 지원한다는 것을 의미합니다. , 이전 레이아웃이 호환됩니다. 이것은 Quirks 모드(quirks 모드, 이상한 모드, 이상한 모드)입니다.

차이:

레이아웃, 스타일 분석, 스크립트 실행이라는 세 가지 측면에서 전체적인 차이점이 있습니다.

Box 모델: W3C 표준에서 요소의 너비와 높이를 설정하면 요소 내용의 너비와 높이를 나타냅니다. Quirks 모드에서는 IE의 너비와 높이에 패딩과 테두리도 포함됩니다.

인라인 요소의 높이와 너비 설정: 표준 모드에서는 과 같은 인라인 요소의 너비와 높이 설정이 적용되지 않지만 쿼크 모드에서는 적용됩니다.

백분율 높이 설정: 표준 모드에서 요소의 높이는 포함된 콘텐츠에 따라 결정됩니다. 상위 요소가 백분율 높이를 설정하지 않으면 하위 요소가 백분율 높이를 설정하는 것이 유효하지 않습니다. 0 auto 수평 중앙 정렬 설정: margin:0 auto를 사용하면 표준 모드에서 요소를 수평 중앙에 배치할 수 있지만 quirks 모드에서는 실패합니다.

위 내용은 쿼크 모드란 무엇인가요? 표준 모드와 어떻게 다른가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!