[8주차] 24. <meta> 태그, 브라우저나 검색엔진 혹은 다른 웹 서비스에 해당 문서에 대한 정보를 제공하기 위해 사용

<meta> 태그란?

meta 태그는 해당 문서에 대한 정보인 메타데이터(metadata)를 정의할 때 사용하는데,

이렇게 제공된 정보는 브라우저나 검색 엔진, 다른 웹 서비스에서 사용하게 된다.

 

메타데이터를 남겨두기 위해 사용할 수 있는 태그로 <base><link><script><style><title> 같은 요소들도 있는데

이것으로는 표현할 수 없는 메타데이터를 남기기 위해 meta 태그를 사용한다.

 

브라우저가 메타데이터를 이용하는 한 예시로(이건 meta 태그를 이용한게 아니지만)

<title> 태그에 텍스트를 남기면 브라우저는 이 정보를 이용해 브라우저의 창의 제목을 띄워준다.

<meta> 태그로 수행할 수 있는 동작 예시

여러가지가 있지만 단, 한가지만 살펴보자면 아래와 같은 것이 있다.

 

5초 뒤에 다른 페이지로 리다이렉트(redirect)시키는 예제

meta 태그에 속성으로 http-equiv="refresh" 를 추가해주면 이 기능을 가지게 된다.

http-equiv 속성을 사용할 땐 꼭 content 속성도 추가하여 몇초뒤에 url로 이동할 것인지 지정해줘야 한다. 

<meta http-equiv="refresh" content="5;url=http://www.tcpschool.com">

---

이외에도 다양한 기능들이 있는데, 추가적인 공부가 필요하다고 느껴진다면 아래를 통해 학습하자.

 

http://www.tcpschool.com/html-tags/meta

코딩교육 티씨피스쿨