이것도 퍼블리셔 쪽일지는 모르겠는데.. 문서 모드 관련이에요
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
DTD 정의가 있는 경우: Standard Mode
DTD 정의가 없는 경우: Quirks Mode
Standard Mode 설정 (DTD 정의가 있는 경우)
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
설정의 세부 값은 아래와 같다.
Quirks Mode 설정 (DTD 정의가 없는 경우)
<meta http-equiv="X-UA-Compatible" content="IE=5" />
Internet Explorer 7 Standards 모드
<meta http-equiv="X-UA-Compatible" content="IE=7" />
Internet Explorer 8 Standards 모드
<meta http-equiv="X-UA-Compatible" content="IE=8" />
가장 최신 Internet Explorer 버전의 Standards 모드
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
보통 이렇게 선언해서 쓰는데, 저는 맨 마지막의 스텐다드 모드로 설정 해서 웹 코딩을 합니다.
이걸 안걸어 주면 쿼크 모드로 설정 되서 이런저런 문제가 많더라구요.
그런데 가끔, 몇몇 공공기관이나 기타 다른 쪽 작업 하다 보면 스탠다드 모드가 아니라 IE-7 에다가 맞춰 달라고 하는데, 이럴땐 IE-7 모드를 쓰는게 맞을까요 아니면 그냥 스탠다드 형태로 쓰는게 맞을까요?
물론 어느 모드든 간에 다 맞게 코딩을 해야 하는게 퍼블리셔지만, 쿼크모드 이런건 짜다 보면 가끔 답이 없는 경우가 생겨서 ㅇ<-<
혹시 이런 메타 태그 쓰시는 분들 계시면 주로 어떤 모드를 선택해서 쓰시나요?
댓글 14개
영카트 고객지원도 있고 해서 완전히 버려두고 작업하기가 어렵네요 ㅠ
지금 자치구청쪽 일을하는데 여기도 IE7로 합니다.
진단평가시 IE8을 기준으로 평가를 하는데..요쪽 공무원들이 요래요래 해달라고 하던데요;;
스크린리더도 IE8 기준으로 동작평가를 하는데..어느게 맞는건지 @/_@
저도 <meta http-equiv='X-UA-Compatible' content='IE=Edge' /> 요놈에 한표를 던지고 싶지만..웹표준으로 작성된 페이지는..요론 메타 필요없을텐뎅 냠냠
IE 호환성모드 때문에 저 메타태그를 쓰는 거 아닌가요?;;
저도 IE=Edge를 쓸때도 있습니다. 네이버랑 다음도 쓸껄요?ㅋㅋ지금은 모르겠지만;;;
근데 제가알기로는 compatible로 인하여 표준을 지키지 못한 옛적 랜더링엔진에 맞춰진 문서들의 생명이 연장되었으며 표준화 시킨 문서로 제작되었고 최신브라우저를 쓰면 궂이 compatible 메타태그를 안써도 된다고 알고있습니다;; 유독 우리나라만 유난히 많이 쓰는 걸로 알고있습니다만(익스때문에 글켓지만 외쿸문서에는 문서호환모드 메타를 쓰는 곳을 찾기가 더 힘들죵 : 브라우저 제작 회사 제외) 여튼 표준문서로 만들면 안써도 되고;; 안쓰는게 좋다고..알고있습니다;;(임의 랜더링 모드를 변경하기 땜시로;;)
표준화를 추구하는 퍼블리셔는 오히려 쓰는게 좋을 수 도 있고요(완전 유니버셜 공공공공 디자인을 하면 안전장치로 쓰죠)
여튼
완전 확실하게 말씀드릴 수 있는건 제가 알고있는게 100% 정확하지 않다는 걸로~;;
잘못된 정보이면 올바른 정보를 알려주세요^^ share~
호환성 모드로 보려면 클라이언트단에서 설정을 해야지 강제로 볼 수 있는거 아니였나요?;;;;;;;;;;;
IE8 호환성 모드 변경이 되어있는건 겜방밖에 못 봤는데;;;
여튼 다양한 제반사항이 발생되므로..
메타태그는 포기할 수 없는 거군요^^
여튼 좋은 정보 감사합니다~
X-UA-Compatible을 사용하고 계셨네요 ㅠ ㅠ
html5 DTD 선언시에 사용할 수 없습니다. w3 validator 도 오류를 뿜어줍니다.
그래서 해봤었던 것이 conditional comment 안쪽에서 이용인데 ( 일단 오류 통과와 ie 렌더링을 위해 )
<!--[if ie]><meta http-equiv='X-UA-Compatible' content='IE=edge' /><![endif]-->
이런식으로..
근데 conditional comment 안쪽에서 x-ua-compatible 은 안된다고 합니다 ;ㅅ;
해답쪽으로는
https://groups.google.com/forum/?fromgroups=#!topic/html5boilerplate/bRtrFSrKjtI
마지막 코멘트인 아파치 서버 경우 .htaccess나 서버 config 를 이용하는 것이 좋을 거 같네요
게시글 목록
| 번호 | 제목 |
|---|---|
| 8265 | |
| 20403 | |
| 20402 | |
| 20401 | |
| 20400 |
웹서버
서버 동시접속자 설정 변경하기
|
| 8259 | |
| 20399 | |
| 20398 | |
| 8255 | |
| 8249 | |
| 8246 | |
| 8242 | |
| 20396 | |
| 8240 | |
| 20395 | |
| 20394 |
MySQL
테이블 복사 쿼리
|
| 31033 | |
| 28385 | |
| 20393 |
PHP
현재 접속중인 사용자 나타내기
|
| 28380 | |
| 20392 |
MySQL
mysql select 후 update 하기
|
| 28377 | |
| 20391 | |
| 20390 |
PHP
한글문자열 자르는 법 입니다.
|
| 20389 | |
| 20388 | |
| 20387 |
PHP
이메일주소 검사하기 입니다.
|
| 20386 | |
| 20385 | |
| 20384 |
node.js
Node js 게시판 프로젝트 소개합니다.
|
| 20383 |
PHP
pc 모바일 체크
1
|
| 20382 |
PHP
계정 사용량(용량) 확인
|
| 8238 | |
| 20380 | |
| 20379 |
MySQL
소수점 반올림 버림
|
| 28376 | |
| 28372 | |
| 20378 | |
| 20377 |
PHP
에러 로그파일 생성하기
|
| 8235 | |
| 20375 | |
| 20374 | |
| 20373 |
PHP
후이즈검색 하기 입니다.
|
| 20372 |
PHP
그래프 그리기 입니다.
|
| 20371 |
JavaScript
자바스크립트로 구현한 number_format() 입니다.
|
| 20370 |
JavaScript
금액 관련 숫자를 한글로 변환하기 입니다.
|
| 28370 | |
| 20369 |
PHP
PHP 날짜 계산 관련 함수
|
| 28366 | |
| 20368 |
jQuery
jQuery 1.x와 2.x 버전 동시에 사용하기
|
| 20367 | |
| 20366 | |
| 20365 |
JavaScript
사업자 등록번호 검사하기 입니다.
|
| 20364 | |
| 20363 |
JavaScript
항상 같은곳에 광고창 만들기 입니다.
|
| 20362 |
JavaScript
부메뉴 나오게 하기 입니다.
|
| 20361 |
JavaScript
특정문자 제거하기 입니다.
|
| 20360 |
JavaScript
휴대폰번호 검사 하기 입니다.
|
| 20359 |
JavaScript
이미지 좌우로 이동 갤러리 입니다.
|
| 8231 | |
| 20358 | |
| 20357 |
JavaScript
쉬운 replaceAll 입니다.
|
| 20356 | |
| 20355 | |
| 20354 | |
| 20353 | |
| 20352 |
JavaScript
콤보스타일 메뉴 입니다.
|
| 20351 |
JavaScript
쿠키를 이용한 레이어 공지창 입니다.
|
| 20350 |
JavaScript
효과있는 텍스트 틱커 입니다.
|
| 20349 | |
| 20348 |
PHP
HTTP 인증 하기 입니다.
|
| 20347 |
JavaScript
외부 문서 불러오기 입니다.
|
| 20346 |
JavaScript
지정한 날짜까지 New 이미지를 띄워주기 입니다.
|
| 20345 | |
| 20344 |
JavaScript
메일 주소 검사하기 체크박스 입니다.
|
| 20343 |
JavaScript
무단링크 금지하기 입니다.
|
| 20342 | |
| 20341 |
MySQL
DB백업 및 복원
|
| 20340 |
JavaScript
페이지가 다른 사이트의 프레임에 갇히는 것을 막기 입니다.
|
| 20339 | |
| 20338 | |
| 20337 |
jQuery
input text 대문자만 받는 Jquery
|
| 20336 | |
| 20335 |
JavaScript
이미지 업로드와 미리보기 입니다.
|
| 20334 |
JavaScript
배경음악 랜덤 재생 하기 입니다.
|
| 20333 |
JavaScript
css 지원 여부 확인해서 다른 페이지로 이동하기 입니다.
|
| 20332 |
JavaScript
하부메뉴가 보였다가 숨겨졌다 하는 토글버튼 입니다.
|
| 20331 |
JavaScript
개별 페이지에 인덱스로 거쳐 들어오게 하기 입니다.
|
| 20330 |
JavaScript
랜덤으로 이미지 출력 되기 입니다.
|
| 20329 |
JavaScript
사용자 해상도 알아내기 입니다.
|
| 20328 |
JavaScript
붙여넣기 금지하기 입니다.
|
| 20327 |
MySQL
대소문자 데이터 조회하기
|
| 20326 |
JavaScript
퇴장시 팝업창 한번한 띄우기 입니다.
|
| 20325 | |
| 20324 | |
| 20323 |
JavaScript
시도, 구군, 동 주소 select
|
| 20322 |
MySQL
커리로 DB 테이블 명세서 출력하기
|
| 20321 |
JavaScript
브라우저 해상도 구분없는 절대 x,y 좌표 값 구하기 입니다
|
| 20320 |
PHP
rss 읽어오기 입니다.
|
| 20319 |
JavaScript
자바스크립트로 Ajax 효과내기 입니다.
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기