it-gundan.com

대부분의 사용자 청중을 소외시키지 않고 HTML5로 마이그레이션하는 방법은 무엇입니까?

HTML5와 함께 제공되는 새로운 기능 중 일부를 실제로 구현하고 싶지만 사이트를 손상시키지 않는 방식으로 수행하고 싶습니다.

Progressive Enhancement 및 useragent 확인은 항상 옵션이라는 것을 알고 있습니다. 더 나은 대안이 있습니까?

4
Evan Plaice

가능한 접근법 :

  • HTML5 Shims , HTML5 기능을 사용할 수 있지만 오류 수정 백스톱이있는 코드 스 니펫
  • Modernizr , 개별 기능을 감지하고 경고가 표시되거나 해당 클래스가 있거나없는 경우 코드를 비활성화하는 일부로 사용할 수있는 CSS 클래스를 본문에 적용하는 툴킷입니다.

HTML 5로 다이빙HTML 5 기능 감지 장도 훌륭한 참고 자료입니다.

1
artlung

다루는 브라우저 유형을 결정하는 훨씬 더 정확한 방법은 useragent를 읽는 것이 아니라 기능 결정에 의한 것입니다.

jQuery에는 .support () 이 방법을 사용하는 것이 좋습니다.

모든 기능과 마찬가지로 이전 브라우저에서 정상적으로 저하되는 것을 구현하려는 경우에만하십시오.

2
helloandre

이러한 응답 외에도 양식 요소와 같은 많은 HTML5 요소는 브라우저가 type 속성을 인식하지 않으면 기본값은 text이기 때문에 간단한 텍스트 상자로 정상적으로 저하됩니다. 또한 브라우저가 placeholder과 같은 속성을 인식하지 못하면 무시합니다. 이 우아한 성능 저하는 사용자의 브라우저가 HTML5를 지원하지 않는 경우 엉망이 될 염려없이 이러한 요소를 구현할 수 있음을 의미합니다. 그들은 단지 특별한 것을 보지 못할 것입니다.

1
Jason

Gmail은 점진적 개선의 전형으로, html에서 모든 종과 휘파람까지 계속 이어집니다. 그렇기 때문에 많은 청중이 있습니다. 따라서 에뮬레이션하기에 좋은 모델입니다.

호환되는 브라우저를 위해 html5 기능을 자바 스크립트로 활성화시키는 기능으로 위임하는 것이 좋습니다. 여전히 html 4로 시작하고 싶습니다.

0
Kzqai