<meta>

문서-레벨의 메타데이터 요소

http-equiv

HTTP 헤더의 이름을 값으로 가질 수 있다.

즉, 문서의 초기정보를 나타내는 속성

이 속성의 값으로 서버나 사용자 에이전트의 작동 방식을 변경할 수 있는 지시를 정의할 수 있다. 지시값은 content 속성 안에 정의하는데 다음 중 하나가 가능하다.

content-language

페이지의 기본언어 설정

요소의 lang 속성에 의해 재정의될 수 있다.

이 값은 폐기되었으므로 사용하지 말 것. html 요소의 lang 속성을 사용하는 것이 좋다.

<meta http-equiv="content-language" content="ko">

 

content-security-policy

이 값을 이용해 페이지에 대한 콘텐츠 정책을 정의할 수 있다.

주로 허용된 server origins와 script endpoints를 명시함으로써 cross-site scripting 공격을 막는 것을 돕는다.

content-type

문서의 MIME 타입이나 문서의 문자셋을 설정할 수 있다.

MIME 타입을 지정한 다음 문자 인코딩을 지정하기 전에 세미콜론(;)으로 구분을 해 준다.

이 값은 폐기되었으므로 사용하지 말 것.요소의 charset 속성을 사용하는 것이 권장된다.

<meta http-equiv="content-type" content="text/html ;charset=UTF-8">

 

default-style

기본 스타일 시트 설정

잘 쓰이지는 않는다.

<meta http-equiv="default-style" content="middle">
<link rel="stylesheet" media="screen" href="middle.css" type="text/css" title="middle">

 

X-UA-Compatible

브라우저 호환 설정

브라우저의 문서 모드를 지정할 수 있다.

아래의 경우 최신 버전으로 문서 모드를 설정하라는 뜻

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

 

refresh

페이지 리로드를 설정

페이지를 리로드하거나 자동으로 다른 페이지를 이동시킨다. 아래 같은 경우 20초 후에 티스토리 홈페이지로 이동하게 된다. 여기서도 세미콜론에 주의!

만약 content 속성 값에 시간만 입력하고 이동될 페이지를 지정하지 않으면 그냥 새로고침만 된다.

<meta http-equiv="refresh" content="20 ; http://tistory.com">

 

출처

<meata> : 문서-레벨의 메타데이터 요소

꿈꾸는 개발자 :: meta 요소의 http-equiv 속성 : HTML 문서의 초기정보를 설정할때