개발자가 아직 HTML5로 전환하지 않는 주된 이유 중 하나는 레거시 브라우저에 대한 지원이 부족하다는 인식 때문입니다. 이것은 사실이 아니며 적절한 이전 버전과의 호환성을 위해 약간의 부끄러움이 필요할 수 있지만 여전히 가능합니다.
물론, 레거시 브라우저에서는 다른 모든 주요 플레이어가 정기적으로 업데이트하고 사용자가이를 따르는 경향이 있으므로 Internet Explorer를 의미합니다. Firefox, Safari 및 Opera와 같은 브라우저는 한동안 HTML5를 지원했습니다. 일부 개발자는 IE6 지원을 중단하기로 결정할 수 있지만 옵션이 아닌 일부 개발자에게는 IE7과 IE8 모두 HTML5를 지원하지 않습니다. IE9 하지만 Windows Vista 및 Windows 7에서만 실행되므로 IE6에서 확인한 것처럼 다른 버전은 앞으로도 오랫동안 사용할 수 있습니다.
그렇다면 Internet Explorer에서 HTML5를 작동하려면 어떻게해야합니까?
YouTube 동영상에서 노래를 찾는 방법
알 수없는 요소
무엇보다도 IE는 인식하지 못하는 요소를 렌더링하지 않으므로 header
, footer
, article
, | _ + _와 같은 HTML5 구조 요소를 완전히 무시합니다. | 및 section
, HTML5 사이트의 모든 주요 부분. 이것은 JavaScript를 사용하여 IE에 이러한 요소에 대해 알려 주면 수정할 수 있습니다. 이를 수행하는 가장 좋은 방법은 HTML5 shiv Remy Sharp가 만든 스크립트. 이 편리한 스크립트는 페이지를 렌더링 할 때 IE가 알 수있는 모든 관련 HTML5 요소를 생성합니다.
한 가지 문제는 자바 스크립트를 사용 중지 한 사용자에게는 작동하지 않는다는 것입니다. 불행히도이 문제를 해결할 방법이 없으므로 개발자가 HTML5를 사용하거나 HTML 4.01을 유지하기로 결정해야합니다.
화면 시간을 끄는 방법
스타일링
대부분의 브라우저에는 무엇보다도 적용되는 내부 스타일 시트가 있습니다. nav
레벨 요소를 차단합니다. 일부 최신 브라우저는 관련 HTML5 요소에 대해이 작업을 수행하지만 일부는 그렇지 않으며 모든 브라우저에 대해 추가해야합니다. 다음 스타일을 추가하기 만하면됩니다.
display:block
양식 요소
그리고 다음과 같은 새로운 요소 자체는 어떻습니까? 새로운 입력 유형 – 레거시 브라우저에서 어떻게 렌더링합니까?
사실 좋습니다. HTML5 사양이 이전 버전과 호환되는 방식 , 인식되지 않는 모든 입력 유형은 article, aside, figure, footer, header, hgroup,
로 처리됩니다. 그렇게 간단하게 렌더링됩니다.
menu, nav, section { display:block; }
멀티미디어
내가 과거에 논의했듯이 비디오 오디오 요소는 Flash로 대체 할 수 있도록 설계되었으며 Internet Explorer에서 제대로 작동합니다.
HTML5 로의 전환은 여전히 점진적이며, 일부는 제공하는 새로운 기능을 보거나 사용할 필요가 없습니다.하지만 그렇게하면 이전 브라우저에서 (상대적으로) 안전 할 수 있습니다. 사이트를 잘 렌더링합니다.