JavaScript를 사용하여 IE의 이전 버전을 지원 HTML 5 태그 지원
HTML은 더 이상 "새로운 어린이"가 아닙니다. 많은 웹 디자이너와 개발자가 수년 동안이 최신 HTML을 사용 해왔다. 여전히 HTML5에서 떨어져있는 일부 웹 전문가가 있습니다. 이는 종종 Internet Explorer의 레거시 버전을 지원해야했기 때문에 HTML5 페이지가 이전 브라우저에서 지원되지 않을 것이라는 우려가있었습니다. 고맙게도, 이전 버전의 IE (IE9보다 낮은 버전 일 수 있음)에 HTML 지원을 제공하는 데 사용할 수있는 스크립트가있어서 현재의 기술에 따라 더 많은 웹 페이지를 만들고 HTML의 일부 새 태그를 사용할 수 있습니다 5.
HTML Shiv 소개
Jonathan Neal은 HTML 5 태그를 실제 태그로 처리하기 위해 Internet Explorer 8 이하 (그리고 Firefox 2와 관련하여)에게 알려주는 간단한 스크립트를 작성했습니다. 이렇게하면 다른 HTML 요소처럼 스타일을 지정하고 문서에서 사용할 수 있습니다.
HTML Shiv 사용 방법
이 스크립트를 사용하려면 HTML5 문서에 다음 세 줄을
스타일 시트 위.
이 HTML Shiv 스크립트의 새로운 위치임을 유의하십시오. 이전에는이 코드가 Google에서 호스팅되었지만 많은 사이트는 여전히 해당 파일에 오류가 있어도 더 이상 다운로드 할 파일이 없음을 인식하지 못했습니다. 대부분의 경우 HTML5 Shiv의 사용이 더 이상 필요하지 않기 때문입니다. 곧 그 ...
이 코드를 잠시 후에 살펴보면 IE 조건부 주석을 사용하여 IE 9 이하 버전을 대상으로한다는 것을 알 수 있습니다 (IE 9가 의미하는 바). 이러한 브라우저는이 스크립트를 다운로드하고 HTML5 요소는 HTML5가 존재하기 전에 로고가 만들어졌지만 해당 브라우저에서 이해할 수 있습니다.
또는 오프 사이트 위치에서이 스크립트를 가리 키지 않으려면 스크립트 파일을 다운로드하고 (링크를 마우스 오른쪽 단추로 클릭하고 메뉴에서 "다른 이름으로 링크 저장"을 선택하십시오) 나머지 부분과 함께 서버에 업로드하십시오 사이트 리소스 (이미지, 글꼴 등). 이 방법을 사용하는 것의 단점은 시간이 지남에 따라 스크립트에 변경 사항을 적용 할 수 없다는 것입니다.
페이지에 이러한 코드 행을 추가하면 다른 현대 HTML5 호환 브라우저 와 마찬가지로 HTML 5 태그의 스타일을 지정할 수 있습니다.
아직도 HTML5 Shiv가 필요합니까?
이것은 묻기에 가치있는 질문입니다. HTML5가 처음 출시되었을 때 브라우저 환경은 오늘날과 매우 달랐습니다. IE8 이하의 지원은 여전히 많은 사이트에서 중요한 부분 이었지만 Microsoft가 2016 년 4 월 11 일 모든 버전의 IE에 대해 발표 한 "end of life"발표로 인해 많은 사람들이 이제 브라우저를 업그레이드했으며 이러한 앤티크 버전은 더 이상 걱정할 필요가 없습니다. 웹 사이트의 분석을 검토하여 사람들이 사이트를 방문하는 데 사용하는 브라우저를 정확히 확인하십시오. IE8 이하를 사용하는 사용자가 거의 없거나 적 으면 문제없이 HTML5 요소를 사용할 수 있으므로 레거시 브라우저를 지원할 필요가 없습니다.
그러나 경우에 따라 기존 IE 브라우저가 걱정 될 수 있습니다. 이는 오래 전부터 개발되어 특정 버전의 IE에서만 작동하는 특정 소프트웨어를 사용하는 조직에서 자주 발생합니다. 이 경우 해당 회사의 IT 부서에서 이러한 구형 브라우저의 사용을 강제 할 수 있습니다. 즉, 해당 회사의 작업이 오래된 IE 인스턴스도 지원해야 함을 의미합니다.
이것은 현재의 웹 디자인 방법과 요소를 사용할 수 있도록 HTML5 shiv로 바꾸고 싶지만 필요한 전체 브라우저 지원을 계속받을 때입니다.
제레미 지라드 편집