META태그 사용법

<META> 태그는 <HEAD></HEAD> 태그 안에 들어가며, 웹페이지에 관한 정보를 브라우저에 제공하는 역할을 한다.

META 태그의 기본 구조

<META HTTP-EQUIV="항목명" CONTENT="정보값" NAME="정보이름">

  • HTTP-EQUIV="항목명" → HTTP로 정보를 보낼 항목명 설정
  • CONTENT="정보값" → 항목명으로 설정된 값
  • NAME="정보 이름" → 몇 개의 메타 정보의 이름을 정할 수 있으며 지정하지 않으면 HTTP-EQUIV와 같은 기능

META 태그의 속성

  • <META NAME="GENERATOR" content="Microsoft FrontPage">
    HTML 문서를 작성할 때 사용한 에디터가 Microsoft FrontPage라는 것을 지정한다.
  • <META NAME="AUTHOR" content="작성자">
    NAME="AUTHOR" 속성은 HTML 문서의 작성자를 지정한다. "작성자"에 이름을 적으면 된다.
  • <META HTTP-EQUIV="REFRESH" CONTENT="숫자">
    HTTP-EQUIV="REFRESH" 속성은 CNTENT에 있는 숫자만큼의 시간이 지나면 자동으로 페이지를 갱신한다. "숫자"가 만약 10이라면 현페이지를 10초마다 갱신(Reload)한다.
  • <META HTTP-EQUIV="REFRESH" CONTENT="10; index.html">
    10초가 지나면 자동으로 index.html 문서를 불러온다.
  • <META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=euc-kr">
    HTTP-EQUIV="Content-Type" 이 항목이 문서의 일부분이며 text/html 문서로 한글로 작성되었따는 정보를 보여준다.
  • <META HTTP-EQUIV="Reply-To" CONTENT="인터넷주소(자신 이름)">
    HTTP-EQUIV="Reply-To"속성은 자신의 이름과 E-Mail 주소를 나타낸다.
  • <META HTTP-EQUIV="Keyword" CONTENT="키워드">
    검색 로봇에게 제공할 자신의 홈페이지의 키워드를 알려준다. 이 정보는 검색엔진에 홈페이지를 등록하였을 때 검색엔진 사용자가 검색을 하였을 때 홈페이지를 검색하는 키워드로 사용며, 홈페이지를 흥보하는데에도 매우 유용하다.
  • <META HTTP-EQUIV="description" CONTENT="TEXT">
    HTTP-EQUIV="description" 속성은 위의 Keyword와 함께 검색엔진 으로 검색하였을 때 홈페이지에 대한 소개부분에 여기에 설정된 글들이 나타나게 된다.