티스토리 뷰

Programming/WEB

HTML 브라우저 메타 태그

다루사무 2014. 12. 23. 14:20
반응형
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

==> IE에서만 해석

==> IE=edge : 최신버전으로 랜더링

==> chrome=1 : 크롬프레임 사용 (크롬프레임->ActiveX, ie에서만 작동)

이전의 EI6,IE7 렌더링 엔진을 써서 웹페이지를 표시해주는 기능.

웹표준에 맞게 작성되지 않은 과거 웹페이지를 그냥 임시방편으로 깨지지 않게 

보여주도록 하는 기능.

웹표준에 맞게 작성된 페이지라면 신경 쓰지 않아도 된다.

IE가 자신의 페이지를 최신의 웹표준 렌더링 엔진을 쓰도록 강제하려면 head 부분에 

내용을 설정해 주면 된다.

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

더 좋은 방법은 아예 .htaccess 파일이나 서버 설정에다 다음과 같은 HTTP Header 정보를 

전달하도록 해두면 좋다.

<IfModule mod_headers.c>
  Header set X-UA-Compatible "IE=Edge,chrome=1"
  # mod_headers can't match by content-type, but we don't want to send this header on *everything*...
  <FilesMatch "\.(js|css|gif|png|jpe?g|pdf|xml|oga|ogg|m4a|ogv|mp4|m4v|webm|svg|svgz|eot|ttf|otf|woff|ico|webp|appcache|manifest|htc|crx|oex|xpi|safariextz|vcf)$" >
    Header unset X-UA-Compatible
  </FilesMatch>
</IfModule>

출처 : http://blog.naver.com/ido5273/130134932231

댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/11   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
글 보관함