IE11의 호환성 변경: http://msdn.microsoft.com/ko-kr/library/ie/bg182625(v=vs.85).aspx
사용자 에이전트 문자열 변경
많은 레거시 웹 사이트와 관련해서 IE11의 가장 두드러진 업데이트 중 일부는 사용자 에이전트 문자열과 관련된 것입니다. Windows 8.1에서 IE11에 보고되는 문자열은 다음과 같습니다.
사용자 에이전트 문자열의 특정 값은 브라우저를 실행하는 운영 체제, 브라우저를 실행하는 장치, 웹 사이트가 호환성 보기로 표시되는지 여부 등 다양한 요인에 따라 달라집니다. 자세한 내용은 사용자 에이전트 문자열 변경을 참조하세요.
이전 버전의 Internet Explorer에서는 사용자 에이전트 문자열의 부분이 환경에 따라 달라집니다. Windows 7에서 IE11에 대한 문자열은 다음과 같습니다.
URL 문자 인코딩
IE11에서는 URL에 대한 문자 인코딩을 변경합니다. 특히, 이제 쿼리 문자열과 XHR 요청이 UTF-8 문자 인코딩을 사용하여 인코딩됩니다.
이 변경 내용은 다음을 제외하고 모든 URL에 영향을 줍니다.
•앵커 이름 구성 요소(조각이라고도 함)
•사용자 이름 및 암호 구성 요소
•file:// 또는 ftp:// 프로토콜 링크
이러한 변경 내용은 다른 브라우저의 동작과 일치하고 브라우저 간 XHR 코드를 간소화합니다.
사용자 지정 데이터 특성
IE11에서는 HTML5 사용자 지정 데이터 특성 및 이러한 특성에 대한 프로그래밍 방식 액세스를 제공하는 dataset 속성을 지원합니다. data- 접두사 다음에 특성 이름을 사용하여 요소에 데이터 특성을 할당할 수 있습니다.
<div data-example-data="Some data here"></div>
데이터 특성의 값을 가져오거나 설정하려면 다음 구문을 사용합니다
[Javascript]
// to get
var myData = element.dataset.exampleData;
// to set
element.dataset.exampleData = "something new";
IE 문서 모드 알아보기: http://blog.hwm.or.kr/archives/50
“문서 모드”는 <head> 태그 내에 아래와 같이 설정하면 위에서 얘기한 사용자의 설정보다 우선하여 적용되게 됩니다.
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
설정의 세부값은 아래와 같습니다.
1. Quirks Mode 설정
<meta http-equiv="X-UA-Compatible" content="IE=5" />
2. Internet Explorer 7 Standards 모드
<meta http-equiv="X-UA-Compatible" content="IE=7" />
3. Internet Explorer 8 Standards 모드
<meta http-equiv="X-UA-Compatible" content="IE=8" />
4. 가장 최신 Internet Explorer 버전의 Standards 모드
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
추가로 사용자의 PC에 Chrome Browser 가 설치되어 있다면 아래와 같이 설정하여 Chrome Frame 을 이용하여 랜더링 하도록 지정할 수도 있습니다.
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
'Web' 카테고리의 다른 글
| facebook live stream 동영상(mp4) 다운로드 받기 (0) | 2017.09.29 |
|---|---|
| RESTFul 이란 CRUD => POST/GET/PUT/DELETE (0) | 2017.09.20 |
| Mobile Photo Gallery Web app 만들기 (0) | 2017.08.18 |
| 크롬 - Network Analysis Reference (개발자 도구) (0) | 2017.05.12 |
| [펌] 나눔명조, 나눔명조Bold 웹폰트 WOFF, EOT폰트 (0) | 2014.01.17 |
| pixel & point (픽셀과 포인트) (0) | 2013.01.26 |
| div 안에 image 정중앙 놓기 (0) | 2013.01.10 |
| 로렘 입숨(Lorem ipsum) - 표준 채우기 텍스트 (0) | 2012.10.15 |
(로그인하지 않으셔도 가능)