본문 바로가기

IT/HTML

[HTML] META Tag의 종류와 사용방법


메타태그는 홈페이지의 기본 정보들을 제공하는 역할을 하고 있습니다. 홈페이지를 만들 때 화면에 보이지는 않아도 정보를 남기고 싶다면 메타태그를 사용하면 됩니다. 아래에는 메타태그의 종류를 나열해 봤습니다. 모두 다 사용할 필요는 없고 꼭 필요한 것만 사용하면 됩니다.

<META NAME="Generator" CONTENT="페이지 제작툴">
 <META NAME="Author" CONTENT="제작자">
 <META NAME="Keywords" CONTENT="컴색 키워드">
 <META NAME="Description" CONTENT="페이지의 요약설명">
 <META NAME="Copyright" CONTENT="저작권 정보">
 <META NAME="Subject" CONTENT="홈페이지주제 입력">
 <META NAME="Title" CONTENT="홈피이름">
 <META NAME="Publisher" CONTENT="만든단체 또는 회사">
 <META NAME="Other Agent" CONTENT="홈피 책임자">
 <META NAME="Classification" CONTENT="카테고리 분류">
 <META NAME="Reply-To(Email)" CONTENT="메일주소">
 <META NAME="FileNAME" CONTENT="파일이름 입력">
 <META NAME="Author-Date(Date)" CONTENT="제작일">
 <META NAME="Location" CONTENT="위치/대한민국인지등 나라이름기록">
 <META NAME="Distribution" CONTENT="배포자">
 <META NAME="Copyright" CONTENT="저작권">

<META HTTP-EQUIV="content-type" CONTENT="text/html; CHARSET=utf-8"> <!-- /문자인코딩/ -->
<META HTTP-EQUIV="Refresh" CONTENT="60"> <!-- //60초 마다 새로고침 -->
<META HTTP-EQUIV="Refresh" CONTENT="3;url=http://stepo.tistory.com/"> <!-- //주소로 3초후 이동 -->
<META HTTP-EQUIV="Pragma" CONTENT="no-cache"> <!-- //캐쉬가 저장 되지 않게 함 -->
<META HTTP-EQUIV="Expires" CONTENT=" Mon, 08 Sep 2011 12:00:00 GMT"> <!-- //캐쉬 만료일 -->
<META HTTP-EQUIV="Imagetoolbar" CONTENT="no">
 <!--  //익스플로러에서 이미지 마우스 오버시 이미지툴바 표시 안함 -->

<META HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=1, transition=23)">
 <!--  //페이지 들어갈 때 장면 전환 효과 -->
<META HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=1, transition=23)">
<!--  //페이지 나갈 때 장면 전환 효과 -->
<!-- 각 옵션의 선택사항 :
Page-Enter : 페이지 들어갈 때 효과 줌
Page-Exit : 페이지 나올 때 효과 줌

blendtrans : 점점 밝게 또는 점점 어둡게 나타나도록 설정
revealtrans : 문서 전환 효과 지정

duration : 시현 시간 지정


transition=0 사각형 작아지기
transition=1 사각형 커지기
transition=2 원 작아지기
transition=3 원 커지기
transition=4 위에서 아래로
transition=5 아래이서 위로
transition=6 왼쪽에서 오른쪽
transition=7 오른쪽에서 왼쪽
transition=8 수직 블라인드
transition=9 수평 블라인드
transition=10 체크무늬 왼쪽에서 오른쪽으로
transition=11 체크무늬 위에서 아래로
transition=12 랜덤 뿌리기
transition=13 수직 2등분 가운데로 모움
transition=14 수직 2등분 바깥으로 퍼짐
transition=15 수평 2등분 가운데로 모움
transition=16 수평 2등분 바깥으로 퍼짐
transition=17 45도 오른쪽 위에서 왼쪽 아래로
transition=18 45도 오른쪽 아래에서 왼쪽위로
transition=19 -45도 왼쪽 위에서 오른쪽 아래로
transition=20 -45도 왼쪽 아래에서 오른쪽 위로
transition=21 수평 랜덤
transition=22 수직 랜덤
transition=23 1~22 랜덤 선택
-->

출처 : http://stepo.tistory.com