점진적인 향상과 우아한 저하의 차이점은 무엇입니까

전에 CSS3 효과 데모를 보다가 CSS3 속성을 작성할 때 전환 속성을 앞에 두는 경우와 뒤에 쓰는 등 호환성 작성 순서가 다른 것을 발견했습니다. 코더도 포함될 수 있습니다. 개인 습관 또는 강박>"

.transition{
-webkit-transition: all .5s;
-moz-transition: all .5s;
- o- 전환: 모든 .5초;
전환: 모든
}

.transition{ 전환: 모든 .5초;
-o-전환: 모든 .5초; -moz-전환: 모두 .5초; -webkit-transition: 모든 .5초; }

접두사가 붙은 배열은 단지 깔끔함을 위한 것이어야 합니까(또는 브라우저의 선호도를 나타내기 위한 것입니까)? 그러나 전환이 앞이든 뒤이든 상관없이 우아한 저하와 점진적인 향상이라는 두 가지 개념이 도입됩니다.

우아한 저하와 점진적인 향상은 CSS3에서 나온 개념입니다. 저급 브라우저는 CSS3를 지원하지 않지만 CSS3의 효과가 너무 좋아서 포기할 수 없을 만큼 고급 브라우징에서는 CSS3를 사용하고, 저급 브라우저는 가장 기본적인 기능만 보장합니다. 얼핏 보면 두 개념은 비슷합니다. 둘 다 서로 다른 브라우저에서의 서로 다른 경험에 초점을 맞추고 있습니다. 주요 차이점은 초점을 맞추는 콘텐츠와 이러한 차이로 인해 발생하는 작업 흐름의 차이입니다.

점진적 강화와 우아한 저하란 무엇인가요?

　 점진적인 개선: 낮은 버전의 브라우저용 페이지를 구축하여 가장 기본적인 기능을 보장한 다음 효과, 상호 작용을 개선하고 고급 브라우저용 추가 기능을 추가하여 더 나은 사용자 경험을 제공합니다.

　 우아한 저하: 처음부터 완전한 기능을 구축한 다음 하위 버전의 브라우저와 호환되도록 만듭니다.

　 차이점: 우아한 저하가 복잡한 현상 유지에서 시작하여 사용자 경험의 공급을 줄이려고 시도하는 반면, 점진적인 향상은 매우 기본적이고 기능적인 버전에서 시작하여 미래 환경의 요구에 적응하기 위해 계속 확장됩니다. 저하(기능적 쇠퇴)는 뒤를 바라보는 것을 의미하고, 점진적인 향상은 뿌리를 안전 지대에 유지하면서 앞을 내다보는 것을 의미합니다.

"우아한 저하" 보기

"우아한 저하" 보기는 웹사이트가 가장 발전되고 완전한 브라우저에 맞게 설계되어야 한다고 믿습니다. 개발 주기의 마지막 단계에서 "오래된" 것으로 간주되거나 기능이 누락된 브라우저에 대한 테스트를 준비하고 테스트 대상을 이전 버전의 주류 브라우저(예: IE, Mozilla 등)로 제한합니다.

이 디자인 패러다임에서 오래된 브라우저는 "나쁨이지만 무난한" 브라우징 경험만 제공하는 것으로 간주됩니다. 특정 브라우저에 맞게 약간의 조정을 할 수 있습니다. 그러나 그것들은 우리의 관심의 초점이 아니기 때문에 더 큰 버그를 수정하는 것 외에는 다른 차이점은 무시될 것입니다.

“점진적 향상” 관점

“점진적 향상” 관점은 콘텐츠 자체에 집중해야 한다고 믿습니다.

콘텐츠는 우리가 웹 사이트를 구축하도록 동기를 부여합니다. 일부 웹사이트는 이를 표시하고, 일부는 수집하고, 일부는 검색하고, 일부는 운영하고, 일부 웹사이트는 위의 내용을 모두 포함하기도 하지만, 모두 콘텐츠를 포함한다는 점은 동일합니다. 이는 "점진적 향상"을 보다 합리적인 설계 패러다임으로 만듭니다. 이것이 Yahoo!에서 즉시 채택되어 "등급별 브라우저 지원" 전략을 구축하는 데 사용된 이유입니다.

위 내용은 점진적인 향상과 우아한 저하의 차이점은 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!