..

Search

http-equiv

http-equiv

<meta> 태그의 http-equiv 속성


HTML <meta> 태그 ⇒


정의 및 특징

<meta> 태그의 http-equiv 속성은 content 속성에 명시된 값에 대한 HTTP 헤더를 제공합니다.

 

http-equiv 속성은 HTTP 응답 헤더를 시뮬레이션할 때 사용할 수 있습니다.

만약 http-equiv 속성이 명시되어 있다면, 반드시 content 속성도 함께 명시되어야만 합니다.


문법

<meta http-equiv="content-type|default-style|refresh">


속성값

속성값   설명

content-type

 

해당 문서의 문자 인코딩 방식을 명시함.

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

default-type

 

우선적으로 적용할 스타일시트를 명시함.

content 속성값은 동일한 문서에 존재하는 link 요소의 title 속성값과 일치하거나, 동일한 문서에 존재하는 style 요소의 title 속성값과 일치해야만 합니다.

ex) <meta http-equiv="default-style" content="preferred stylesheet">

refresh

 

해당 문서를 새로고침(refresh)할 시간 간격을 명시함.

refresh 속성값은 사용자로부터 페이지에 대한 제어를 빼앗아오기 때문에 주의를 기울여 사용해야 합니다.

ex) <meta http-equiv="refresh" content="30">


예제
<head>
    <meta http-equiv="refresh" content="5">
</head>

코딩연습 ▶


지원하는 브라우저 및 버전

속성명

chrome

edge

ie

firefox

safari

opera

http-equiv 지원함 지원함 지원함 1.0 지원함 지원함

HTML5에서 변경된 사항

HTML5에서도 http-equiv 속성을 사용하여 문자 인코딩 방식을 명시하는 것을 여전히 허용하지만, charset 속성을 사용하면 더욱 간단하게 명시할 수 있습니다.

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

연습문제