본문 바로가기

Web/HTML

메타 태그(meta tag)를 이용한 브라우저 렌더링 설정

반응형

문서타입(DTD)를 제대로 선언했음에도 불구하고 페이지 호환성 보기로 렌더링되는 경우가 발생한다. 메타태그를 사용하여 이 문제를 해결할 수 있다.


<meta http-equiv="X-UA-Compatible" content="IE=9" />

ie9 이상의 브라우저가 설치되어 있는 상태에서 ie9의 렌더링 모드로 보여진다.


<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10" />

ie10으로 렌더링해서 보여준다. 실패시 쿼크모드로 렌더링해서 보여진다.


<meta http-equiv="X-UA-Compatible" content="IE=edge" />

현재 설치되어있는 브라우저의 버젼에 맞도록 렌더링되어 보여진다.


<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

ie의 최신버전으로 렌더링되어 보여지고 크롬이 설치되어 있으면 크롬의 엔진으로 렌더링되어 보여진다.


반응형

'Web > HTML' 카테고리의 다른 글

유투브 영상 주소에 사용가능한 옵션 정리  (0) 2015.08.06
[HTML5] html5에서의 < col >사용  (0) 2014.11.03
[html5] <hgroup> 태그  (0) 2014.10.30
[html5] 기본 계층 구조  (0) 2014.10.29
input type=checkbox, radio 세로 정렬  (0) 2014.09.16