Internet Explorer 11과 관련하여 두가지 소식이 있었습니다.

Internet Explorer 11은 사용 중지되어 2022년 6월 15일 지원이 중지됩니다. Microsoft에서는 지원 중단 소식을 알렸습니다.

접근성 품질인증 심사 기준 브라우저 변경 안내 정보통신접근성(WA) 품질인증 심사 기준 브라우저가 22년 2월 1일부터 기존 "Internet Explorer"에서 "Chrome"으로 변경됩니다.

지원 종료와 관련하여 어떻게 준비해야 할것인지 정리해보았습니다.

<aside> ⚠️ IE11이 종료된다고 당장 서비스 회사에서 지원을 중단하지는 않을것입니다. 다만 언제 중단될지 모르는 상황에서 미래에 대한 대비 차원에서와 앞으로 이런 기술들을 이용할 수 있다는 점을 알리고 싶어서 작성을 했습니다.

</aside>

HTML

<aside> 💡 HTML 기준으로 추천하는 속성들을 정리해봤습니다. (일부 IE11에서도 지원을 했지만 CSS로 스타일을 제어할 수 없는게 다른점입니다.)

</aside>

<picture>

HTML 요소에는 다양한 디스플레이/장치 시나리오에 대한 대체 버전의 이미지를 제공하기 위해 0개 이상의 요소와 하나 의 요소가 포함되어 있습니다. <picture>, <source>, <img>

<picture>
  <source srcset="img/717-600x600.jpg" media="all and (min-width: 800px)"> 
  <img src="img/433-200x300.jpg" alt="" />
</picture>

srcset 속성

srcset속성은 크기를 기반으로 가능한 이미지 목록을 제공하는 데 사용됩니다.

크롬 브라우저 개발자도구에서 네트워크탭을 확인해보면 해상도에 따라서 로딩하는 이미지가 다른것을 확인하실 수 있습니다.

해상도 기준(800px 이상)

해상도 기준(800px 미만)