웹 개발 시 본인의 컴퓨터에 있는 브라우저에 맞춰 레이아웃을 짰는데
다른 브라우저나 다른 컴퓨터에서 테이블이 깨지거나 스크립트가 실행이 되지 않는다거나 하는 문제가 발생한다.
특히 IE가 대표적인데, IE 버전별, 호환성보기 유무에 따라 렌더링 차이가 심하다.
IE에서 호환성보기 유무, 버전의 렌더링 차이를 해결하기 위해 head 태그 안쪽 가장 상위에 메타(meta) 태그 를 한줄 추가해야 한다.
content에 들어가는 내용이 IE 버전
<meta http-equiv="X-UA-Compatible" content="IE=5">
<meta http-equiv="X-UA-Compatible" content="IE=6">
<meta http-equiv="X-UA-Compatible" content="IE=7">
<meta http-equiv="X-UA-Compatible" content="IE=8">
<meta http-equiv="X-UA-Compatible" content="IE=9">
<meta http-equiv="X-UA-Compatible" content="IE=10">
Edge로 값을 주면 가장 최신 버전의 IE로 인식됨
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
아래와 같이 <head>바로 밑에 메타 태그를 추가하면 스크립트 실행과 테이블 출력 등 호환성 보기가 IE 버전 9를 기준으로 실행됩니다
<head>
<meta http-equiv="X-UA-Compatible" content="IE=9">
</head>
'IT기술 > html' 카테고리의 다른 글
| html/css div 정렬하기 (왼쪽 정렬, 오른쪽 정렬, 가운데 정렬) (0) | 2017.03.23 |
|---|---|
| 네이버 스마트에디터 설치하기 (0) | 2016.08.29 |
| name과 id의 차이점 (0) | 2016.04.29 |
| form post방식 get방식 url방식 (0) | 2016.04.29 |
| Ms-SQL 날짜 변환표 (0) | 2016.03.10 |
