반응형
[HTML] meta 태그 http-equiv 속성
개발을 하다가 아래와 같은 코드를 작성하는데 문득 그동안 아무생각없이 사용했던 meta 태그의 http-equiv속성에 대해 정리해야겠다고 생각이 들어서 기록한다
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
HTML에는 <meta> 태그라는게 있는데 부가적인 정보를 제공해준다
그 중 http-equiv 속성은 HTTP 헤더에 정보 또는 값을 제공하는 content 속성이다.
주로 HTML 문서에서 사용할 문서의 종류나 새로고침 등에 사용된다
http-equiv 속성이 명시되어 있다면, content 속성도 함께 명시되어야 한다
http-equiv에 들어갈 수 있는 속성값
- content-type : 인코딩 방식 명시
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
- default-type : 우선 적용할 스타일시트 명시
(단, content 속성값은 문서의 link의 title 속성값이나 style의 title 속성값과 일치해야한다)
<meta http-equiv="default-style" content="preferred stylesheet">
- refresh : 문서 새로고침 시간 간격 명시
<meta http-equiv="refresh" content="30"><meta http-equiv="refresh" content="30; url=이동할주소">
HTML5에서 문자 인코딩 명시하는걸 간단히 할 수 있다
기존에 아래처럼 사용하던걸
<meta http-equiv="content-type" content="text/html; charset=UTF-8">HTML5에서는 아래와 같이 간단하게 나타낼 수 있다
<meta charset="UTF-8">
Reference
https://tcpschool.com/html-tag-attrs/meta-http-equiv
https://developer.mozilla.org/ko/docs/Web/HTML/Element/meta
https://phantom.tistory.com/35
반응형