HTML5shim : <video> 및 <audio>은 어떻게 레거시 브라우저에서 렌더링됩니까?

Question

HTML5shim을 사용한 후 IE 9 이하에서 정확히 어떻게 태그가 렌더링됩니까?

심의 시제 스타일링 태그를 알고 있습니다. 하지만 요소가 작동 할 수 있습니까? 그렇지 않다면 브라우저가 그 자리에 무엇인가 렌더링합니까? 또는 단순히 존재하지 않는 것처럼 취급합니까?

Answer 1

shim은 HTML5 태그가 허용되는 환경을 만들고 CSS 스타일링을 (다소) 지원할 수 있습니다.

오래된 브라우저에서 알 수없는 태그를 발견하면 여전히 DOM에 넣지만 간단히 무시합니다. (극단적으로 고대 또는 이국적인 것들은 오류가 발생하지만 적어도 IE8은 그렇지 않습니다).

더 정확하게는 태그를 빈/투명 컨테이너로 간주하고 내부 내용을 처리합니다. Internet Explorer 8에서 "브라우저가 휴지통입니다."라고 표시하거나 비디오 태그 내에서 vid를 재생하기 위해 플래시 개체를 실행할 수 있습니다.

shim이하는 일은 이러한 알 수없는 태그 (소위 시맨틱 태그, 머리 글자, 바닥 글 등)를 일반 범위 또는 div로 복제하는 것입니다 (오래된 브라우저가 좋은 빈티지 태그를보고 스타일을 지정할 수 있도록 문서가로드 된 직후에이 작업을 수행합니다.

비디오/오디오 태그의 경우 HTML5shim은 전혀 차이가 없습니다.

비디오 태그는 IE8-에 의해 알려지지 않은 태그로 인식 될 것이고, 보통 "죄송합니다. 브라우저가 정크가됩니다." 디스플레이가 제공됩니다. 페이지 작성자가 친절하게 제공해야합니다.