META 태그

Language/HTML 2010. 4. 5. 17:07

<html>
<head>
  <meta name="Author" content="Kjwon15" /> <!-- Author:페이지 제작자가 Kjwon15 -->
  <meta name="Generator" content="Vim" /> <!-- 페이지를 Vim으로 제작 -->
  <meta name="Copyright" content="LGPL" /> <!-- 저작권에 관한 정보 -->
<meta name="Keywords" content="html,tag,mata,메타,태그" /> <!-- 검색엔진에서 검색되는 키워드 -->
<meta name="Description" content="META 태그에 관한 정보" /> <!-- 페이지에 대한 정보 -->

<!-- 동적인 부분이라는 것에 대한 예를 보면 -->


<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> //문자 인코딩
<meta http-equiv="Refresh" content="60" /> //60초 마다 새로고침
<meta http-equiv="Refresh" content="5;url=주소" /> //주소로 5초후 이동
<meta http-equiv="Pragma" content="no-cache" /> //캐쉬가 되지 않게
//캐쉬 만료(파기)일
<meta http-equiv="Page-Enter" content="revealtrans(duration=1,transition=12)" />
//페이지 들어갈때 트랜지션 효과(장면 전환 효과)
<meta http-equiv="Page-Exit" content="revealtrans(duration=1,transition=12)" />
//페이지 나갈때 트랜지션 효과(장면 전환 효과)
<!-- PageEnter 속성 -->
<!--
0 Box in - 네모난 박스가 바깥에서 안쪽으로 만들어지면서 이미지 변환
1 Box out - 네모난 박스가 안쪽에서 바깥쪽으로 만들어지면서 이미지 변환
2 Circle in - 원이 바깥에서 안쪽으로 만들어지면서 이미지 변환
3 Circle out- 원이 안쪽에서 바깥쪽으로 만들어지면서 이미지 변환
4 Wipe up - 이미지의 아래에서 위쪽으로 수직 이동하면서 변환
5 Wipe down - 이미지의 위쪽에서 아래로 수직 이동하면서 변환
6 Wipe right - 이미지의 왼쪽에서 오른쪽으로 수평 이동하면서 변환
7 Wipe left - 이미지의 오른쪽에서 왼쪽으로 수평 이동하면서 변환
8 Vertical blinds - 수직 브라인드가 쳐지는 형태로 이미지 변환
9 Horizontal blinds - 수평 브라인드가 쳐지는 형태로 이미지 변환
10 Checkerboard across - 바둑판 형태의 격자가 왼쪽에서 오른쪽으로 생기면서 이미지 변환
11 Checkerboard down - 바둑판 형태의 격자가 위에서 아래로 생기면서 이미지 변환
12 Random dissove - 안개낀 형태로 이미지가 바뀌면서 변환
13 Split vertical in - 왼쪽과 오른쪽 끝에서 중앙으로 수직이동하면서 이미지 변환
14 Split vertical out - 중앙에서 왼쪽과 오른쪽 끝으로 수직 이동하면서 이미지 변환
15 Split Horizontal in - 위쪽과 아래쪽에서 중앙으로 수평이동하면서 이미지 변환
16 Split Horizontal ou - 중앙에서 위쪽과 아래쪽으로 수평이동하면서 이미지 변환t
17 Strips left down - 오른쪽 위에서 왼쪽 아래로 이동하면서 이미지 변환
18 Strips left up - 오른쪽 아래에서 왼쪽 위로 이동하면서 이미지 변환
19 Strips right down - 왼쪽 위에서 오른쪽 아래로 이동하면서 이미지 변환
20 Strips right up - 왼쪽 아래에서 오른쪽 위로 이동하면서 이미지 변환
21 Random bars horizontal - 수평선이 무작위로 생기면서 이미지 변환
22 Random bars vertical - 수직선이 무작위로 생기면서 이미지 변환
23 Random - 임의로 지정됨
-->
</head>
</html>

출처 - http://blog.naver.com/kjwonmail?Redirect=Log&logNo=80095544579



<META name="generator" content="저작 프로그램">
홈페이지를 만드는데 사용한 프로그램 프로그램 이름을 넣으려면 content="EditPluse 3.0.2" 과 같은 식으로 적으시면 됩니다.

<META name="author" contents="제작자 이름">
홈페이지를 만든 제작자를 넣으려면 content="놀라운넘" 와 같이 적으시면 됩니다.

<META name="keywords" content="Key or Tag">
홈페이지가 담고 있는 내용을 content="[Tip] META태그의 모든것" 와 같이 ',' 를 단어 사이에 넣어 나열하시면 됩니다.
검색엔진에서 검색어를 입력하고 찾기를 할 때 불러들이는 부분들입니다. 메타태그의 핵심기능이라고 할 수 있습니다.


<META name="description" content="간략한 설명">
홈페이지에 대한 간단한 소개글을 적습니다.

<META http-equiv="refresh" content="3; url=http://tuning.egloos.com">
3초 후에 http://tuning.egloos.com 로 자동으로 이동하게 하는 옵션입니다.


<META http-equiv="Pragma" content="no-cache">
캐쉬에서 해당 페이지를 읽어들이는 걸 방지합니다. 들어올 때마다 새로고침을 한 것과 같은 효과입니다.



[출처] META 태그 정리|작성자 1337 h4x0r

'Language > HTML' 카테고리의 다른 글

align / valign  (1) 2010.05.18
textarea 스크롤 / WRAP  (0) 2010.05.18
ime-mode  (0) 2010.05.18
ime-mode  (0) 2010.05.18
iframe 테두리  (0) 2010.04.28
: