HTML/CSS - meta 태그란?

HTML/CSS - meta 태그란?

 

 

 

meta 태그란 해당 웹페이지에 대한 정보를 알리는 역할을 한다.

 

예를 들어, 가장 많이 사용하는 meta 태그 <meta charset=”UTF-8”> 은

 

”이 파일은 UTF-8 방식으로 저장되었습니다” 라고 알려주는 역할을 한다.

 

 

이처럼 기존 html 태그들은 문서의 내용들이 어떻게 보여지는지에 대한 마크업이지만 <meta> 대그는 문서의 제작자, 핵심 키워드, refresh, viewport 등 어떤것을 사용하는지에 대한 정보들을 담고 있는 태그이다.

 

데이터에 대한 데이터라고 말할 수 있겠다.

 

 

이 meta 태그는 본문이 아닌 head 태그내에 배치한다.

 

 

 

여러 meta 태그들

<meta charset=”utf-8>

<meta name="description" content="코딩하는 거북이">

웹페이지 상에서는 표시가 되지 않지만 웹페이지에 대한 요약된 자료로 사용됨

<meta name="keywords" content="코딩,프론트엔드,프로그래밍">

해당 웹페이지를 잘 설명하는 키워드들

<meta name="student" content="turtle">

<meta name="viewport" content="width=device-width, initial-scale=1.0">
모바일에서 이 웹페이지를 볼 수 있게 크기가 조정됨.


<meta http-equiv="refresh" content="30">   30초마다 새로고침