IE 렌더링 모드 > 기술자료

본문 바로가기
사이트 내 전체검색

기술자료

HTML IE 렌더링 모드

페이지 정보

댓글 0건 조회 2,413회 작성일 16-02-03 11:04

본문

IE의 렌더링은 3가지 방법에 의해 적용

1. Doctype
DOCTYPE 선언 URL 표기 유무 랜더링 모드
DOCTYPE 없음 n/a IE6이하
HTML (Version 지정 없음) IE6이하
HTML 2.0 IE6이하
HTML 3.0 IE6이하
HTML 4.0 IE8
HTML 4.0 Frameset URL 있음 IE8
URL 없음 IE6이하
HTML 4.0 Transitional URL 있음 IE8
URL 없음 IE6이하
HTML4.0 Strict n/a IE8
XHTML IE8
Unrecongnized DOCTYPE IE8


2. Http 리스폰스 헤더


3. Meta 태그
레이아웃 모드 모드값
IE6 이하 IE=5
IE7 IE=7
IE8 IE=8
무조건 최신 IE=edge
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />

IE=5 : 관용모드(quirks mode)로 지정된 DOCTYPE에 상관없이 IE5 렌더링 방식이 사용됩니다.
IE=7 : IE7 표준모드로 지정된 DOCTYPE에 상관없이 IE7 표준 모드 렌더링 방식이 사용됩니다.
IE=EmulateIE7 : IE7 에뮬레이션 모드로 지정된 DOCTYPE에 따라 IE7 표준모드나 관용모드로 렌더링됩니다.
IE=8 : IE8 표준모드로 지정된 DOCTYPE에 상관없이 IE8 표준모드로 렌더링됩니다 .
IE=EmulateIE8 : IE8 에뮬레이션 모드로 지정된 DOCTYPE에 따라 IE8 표준모드나 관용모드로 렌더링됩니다.
IE=edge : 최신모드로 지정된 DOCTYPE에 상관없이 IE8 이상 버전에서 항상 최신 표준 모드로 렌더링됩니다.

IE 11에 최적화는 아래와 같이 Emulate 를 사용해보세요.
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7, IE=EmulateIE9, IE=EDGE" />


참고자료
http://hsmtree.kr/t/205 
http://webdir.tistory.com/38 
http://beyondiweb.com/tutorials/compatibility-for-ie11/ 
http://stackoverflow.com/questions/3413629/emulate-ie7-for-ie8-but-not-for-ie9-using-x-ua-compatible 
  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기

댓글목록

등록된 댓글이 없습니다.


Total 166건 1 페이지
기술자료 목록
번호 제목
166 HTML
웹브라우저 언어설정 코드 (wr.2018-03-28) Hit.278
165 HTML
164 HTML
163 HTML
162 HTML
ul 영역에 40px 여백 생길때 (wr.2017-12-18) Hit.671
161 HTML
160 HTML
159 HTML
158 HTML
157 HTML
156 HTML
155 HTML
checkbox 타입 readonly 적용 (wr.2017-04-18) Hit.1221
154 HTML
153 HTML
152 HTML
151 HTML
HTML Anchors with 'name' or 'id'? (up.2016-12-27) Hit.1748
150 HTML
149 HTML
[CSS] div 고정폭 + 가변폭 (up.2016-09-20) Hit.2801
148 HTML
[CSS] :before , :after 가상요소 (wr.2016-09-03) Hit.2601
147 HTML
146 HTML
145 HTML
[CSS] div 이미지 공백 없애기 (wr.2016-08-09) Hit.2962
144 HTML
[CSS] li height 높이 변경 (wr.2016-08-09) Hit.3245
143 HTML
142 HTML
[CSS] DIV에 UL 가운데 정렬 (wr.2016-08-06) Hit.2718
게시물 검색

회원로그인

접속자집계

오늘
273
어제
3,054
최대
3,099
전체
3,914,148

회사명 해피정닷컴 주소 서울시 구로구 디지털로 242 한화비즈메트로1차 1502호
사업자 등록번호 119-05-36414 대표 정창용 전화 070-7600-3500 팩스 02-865-3528
통신판매업신고번호 2014-서울구로-0074 개인정보 보호책임자 정창용
Copyright © 2001-2018 해피정닷컴. All Rights Reserved.