메타태그<meta>
• 메타태그란?
- 메타(Meta)태그는 문서에 관련된 정보를 정의하는 태그로,
<head> 태그 사이에 삽입되며 웹 페이지 출력시 브라우저상에 표현되지 않습니다.
• 메타태그의 역할
(1) 문자 인코딩 메타태그
<meta http-equiv="content-type" content="text/html; charset=utf-8">
모든 웹문서에 공통적으로 적용되는 사항이며, 언어 및 캐릭터셋을 설정하는 매타태그입니다.
* 많이 사용되고 있는 문자셋의 종류
- html 문서가 한글을 사용할 때 > euc-kr
- html 문서가 다국어를 지원할 때 > utf-8
(2) 호환성 설정 메타태그
<meta http-equiv="X-UA-Compatible" content="IE=edge">
IE8 이전 버전의 호환성을 설정하여, IE모드가 다를경우 웹 페이지가 엉망으로 나오는걸 방지해주는 메타태그입니다.
* 호환성 설정 정보값
<meta http-equiv="X-UA-Compatible" content="Value">
- IE=5 > Quirks Mode
- IE=7 > IE7 Standards 모드
- IE=8 > IE8 Standards 모드
- IE=9 > IE9 Standards 모드
- IE=EmulateIE7 > IE7 표준모드
- IE=EmulateIE8 > IE8 표준모드
- IE=Edge > 가장 최신버전 IE 모드 (가장 많이 사용되고 있음)
- IE=Edge,chrome=IE9 > 가장 최신버전 IE 모드, IE9 이하 버전에서는 크롬 프레임을 적용합니다.