Prindol

DESIGN, HTML5, CSS3, DOM, Jquery, JSON, Actionscript2/3, Linux, IIS

You are not logged in.

#1 2013-03-07 21:21:19

skydown
Administrator
Registered: 2011-07-25
Posts: 317

[HTML5] Internet Explorer 11 버전별 HTML5 대응

<!doctype html><!-- HTMLREADY Framework -->
<!--[if lt IE 7]> <html class="ie ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="ie ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="ie ie8 oldie" lang="en"> <![endif]-->
<!--[if IE 9]>    <html class="ie ie9" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--> <html class="notie" lang="en"> <!--<![endif]-->
<head>
<!doctype html>
<!--[if lt IE 7]><html class="ie6" lang="ko"><![endif]-->
<!--[if IE 7]><html class="ie7" lang="ko"><![endif]-->
<!--[if IE 8]><html class="ie8" lang="ko"><![endif]-->
<!--[if IE 9]><html class="ie9" lang="ko"><![endif]-->
<!--[if gt IE 9]><!--> <html lang="ko"><!--<![endif]-->

Offline

#2 2014-03-27 09:38:32

skydown
Administrator
Registered: 2011-07-25
Posts: 317

Re: [HTML5] Internet Explorer 11 버전별 HTML5 대응

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" class="no-js" lang="ko-KR" xml:lang="ko-KR">
<head><meta charset="utf-8" /><title>
    새 브라우저 만나보기 - Microsoft Windows
</title><meta name="robots" content="noodp" /><meta name="viewport" content="width=device-width,initial-scale=1.0" /><meta property="og:site_name" content="windows.microsoft.com" /><meta property="fb:app_id" content="474300725931385" /><meta property="og:title" content="새 브라우저 만나보기 - Microsoft Windows" /><meta property="og:image" content="http://res2.windows.microsoft.com/resbox/en/windows/2012-win8ga/bf56a7b4-4cb1-43df-a483-9e19c31a3612_19.jpg" /><meta property="og:description" content="새 브라우저를 만나보세요! Internet Explorer(인터넷 익스플로러)의 새롭게 강화된 기능들에 대해 살펴보세요." /><meta property="og:type" content="article" /><meta property="og:url" content="http://windows.microsoft.com/ko-kr/internet-explorer/ie-11-welcome" />
<!--[if lte IE 7]><body class="ie7 fixed-layout accent-theme-default"><![endif]-->
<!--[if IE 8]>    <body class="ie8 fixed-layout accent-theme-default"><![endif]-->
<!--[if gt IE 8]><!--> <body class="accent-theme-default"><!--<![endif]-->

Offline

#3 2014-03-27 10:42:18

skydown
Administrator
Registered: 2011-07-25
Posts: 317

Re: [HTML5] Internet Explorer 11 버전별 HTML5 대응

메타태그를 통해 강제로 IE7의 렌더링 모드로 바꿀수 있습니다.

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

물론, 강제로  IE8 웹 표준 렌더링 모드로 보이게 할 수 도 있습니다

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

최신 모드로 표시합니다. Internet Explorer 9에서는 IE=9과 같습니다.

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

위와 같은 메타태그를 쓰면 호환성 보기 버튼이 사라지고 지정한 렌더링모드를 사용하게 됩니다.


IE=5
"쿼크" 모드

IE=7
항상 Internet Explorer 7 모드를 사용합니다.

IE=EmulateIE7
사이트에 쿼크 DOCTYPE이 없는 경우 Internet Explorer 7 모드로 표시됩니다.

IE=8
항상 Internet Explorer 8 모드를 사용합니다.

IE=EmulateIE8
사이트에 쿼크 DOCTYPE이 없는 경우 Internet Explorer 8 모드로 표시됩니다. 또한 이 태그를 사용하여 클라이언트 컴퓨터에서 호환성 보기를 무시하고 Internet Explorer 8 모드를 강제 적용합니다.

IE=Edge
최신 모드로 표시합니다. Internet Explorer 9에서는 IE=9과 같습니다.

IE=9
항상 Internet Explorer 9 모드를 사용합니다.

IE=EmulateIE9
사이트에 쿼크 DOCTYPE이 없는 경우 Internet Explorer 9 모드로 표시됩니다. 또한 이 태그를 사용하여 클라이언트 컴퓨터에서 호환성 보기를 무시하고 Internet Explorer 9 모드를 강제 적용합니다.

Offline

#4 2014-08-05 17:26:33

skydown
Administrator
Registered: 2011-07-25
Posts: 317

Re: [HTML5] Internet Explorer 11 버전별 HTML5 대응

[head]
    <!--[if lt IE 9]>
    <script>
        document.createElement('header');
        document.createElement('nav');
        document.createElement('section');
        document.createElement('article');
        document.createElement('aside');
        document.createElement('footer');
        document.createElement('hgroup');
    </script>
    <![endif]-->
[/head]

Offline

Board footer

Powered by FluxBB