IE 렌더링 모드 > 기술자료

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

기술자료

HTML IE 렌더링 모드

페이지 정보

댓글 0건 조회 2,719회 작성일 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 165건 1 페이지
기술자료 목록
번호 제목
165 HTML
164 HTML
163 HTML
162 HTML
웹브라우저 언어설정 코드 ( write. 2018-03-28 ) Hit.546
161 HTML
160 HTML
159 HTML
158 HTML
ul 영역에 40px 여백 생길때 ( write. 2017-12-18 ) Hit.925
157 HTML
156 HTML
155 HTML
[CSS] li에 영역 전체에 링크 걸기 ( write. 2017-09-05 ) Hit.3216
154 HTML
CSS :link :visited :hover :active 셀렉터 ( write. 2017-07-27 ) Hit.1384
153 HTML
152 HTML
151 HTML
checkbox 타입 readonly 적용 ( write. 2017-04-18 ) Hit.1546
150 HTML
웹브라우저 상단에 메뉴 고정하기 ( write. 2017-01-03 ) Hit.2539
149 HTML
148 HTML
147 HTML
HTML Anchors with 'name' or 'id'? ( update. 2016-12-27 ) Hit.1976
146 HTML
[CSS] background-image position : 위치 지정 ( write. 2016-10-06 ) Hit.2673
145 HTML
[CSS] div 고정폭 + 가변폭 ( update. 2016-09-20 ) Hit.3223
144 HTML
143 HTML
[CSS] li height 높이 변경 ( write. 2016-08-09 ) Hit.3888
142 HTML
[CSS] 배경 이미지 크기 조정하기 ( update. 2017-04-14 ) Hit.3111
141 HTML
[CSS] DIV에 UL 가운데 정렬 ( write. 2016-08-06 ) Hit.3116
게시물 검색

회원로그인

계좌이체 or 신용카드 결제하기
해피정닷컴으로 대금결제를 할 수 있습니다

접속자집계

오늘
1,766
어제
2,000
최대
3,174
전체
4,131,803

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