본문 바로가기

IT/HTML

[HTML] 메타 태그 (META)

1. 문서에 관련된 정보 입력하기.

기본 형식

<META name="keywords" content="키워드 글 내용">

검색엔진에서 메타 태그의 name에 들어간 키워드 내용을 중심으로 등록된 웹사이트의 내용을

사용자에게 알립니다.

 

<META name="Description" content="글 내용">

메타 태그의 keywords 속성과 함께 사용되며 웹 문서에 대한 설명을 입력합니다.

 

<META name="Author" content="제작자 정보">

웹 문서의 제작자를 입력합니다.

 

 

2. 지정된 시간이 지나면 자동으로 이동하게 만들기.

기본형식

<META http-equiv="refresh" content="지연시간; url=이동할 URL">

 

ex)

<HTML>

<HEAD>

<TiTLE>자동 이동</TITLE>

<META http-equiv="refresh" content="5;URL=http://naver.com"> 

</HEAD>

 

 

3. 메타 태그를 이용한 페이지 TRANSITION 효과.

메타 태그중 RevalealTrans 속성을 이용하면 웹 문서가 로딩되어 나타날 때 커튼이나 타일 형태와 같은

전환 효과가 나타나 독특한 느낌을 줄 수 있습니다.

 

<META http-equiv="Page-Enter" content="RevalealTrans(Duration=속도 Transition=효과 번호)">

 

ex)

<META http-equiv="page-Enter" content="RevalealTrans(Duration=1 Transition=10)">

- Duration : 전환 효과의 속도를 지정합니다.

- Transition : 전환 효과의 번호는 아래와 같습니다.

0 : 사각형 현태로 로딩되어 나타날 문서가 바깥쪽부터 안쪽으로 모이며 나타납니다.

1 : 0번과 반대로 사각형 형태로 로딩되어 나타날 문서가 안쪽에서 바깥쪽으로 모이며 나타납니다.

2 : 타원 형태로 로딩되어 나타날 문서가 바깥쪽부터 안쪽으로 모이며 나타납니다.

3 : 2번과 반대로 타원 형태로 로딩되어 나타날 문서가 안쪽에서 바깥쪽으로 모이며 나타납니다.

4 : 로딩되어 나타날 문서가 아래쪽에서 위족으로 나타납니다.

5 : 4번과 반대임.

6 : 로딩되어 나타날 문서가 왼쪽에서 오른쪽으로 나타납니다.

7 : 6번과 반대임.

8 : 로딩되어 나타날 문서가 세로 방향의 커튼 모양으로 나타납니다.

9 : 8번과 반대로 가로 방향으로 나타납니다.

10 : 로딩되어 나타날 문서가 타일 형태로 왼쪽에서 오른쪽으로 나타납니다.

11 : 10번과 반대로 위쪽에서 아래쪽으로 나타납니다.

12 : 로딩되어 나타날 문서가 점점 밝아지는 효과와 함께 나타납니다.

13 : 로딩되어 나타날 문서가 왼쪽과 오른쪽에서 나타납니다.

14 : 로딩되어 나타날 문서가 웹 브라우저의 중앙에서 왼쪽과 오른쪽으로 나타납니다.

15 : 로딩되어 나타날 문서가 위쪽과 아래쪽에서 나타납니다.

16 : 로딩되어 나타날 문서가 웹 브라우저 중앙에서 위쪽과 아래쪽으로 나타납니다.

17 : 로딩되어 나타날 문서가 위쪽의 오른쪽부터 아래쪽의 왼쪽으로 나타납니다.

18 : 로딩되어 나타날 문서가 아래쪽의 오른쪽부터 위쪽의 왼쪽으로 나타납니다.

19 : 로딩되어 나타날 문서가 위쪽의 왼쪽부터 아래쪽의 오른쪽으로 나타납니다.

20 : 로딩되어 나타날 문서가 가로 사선 형태로 나타납니다.

21 : 로딩되어 나타날 문서가 세로 사선 형태로 나타납니다.

22 : 0~22번의 전환 효과들이 무작위로 랜덤하게 진행되어 문서가 나타납니다.

출처 : http://blog.naver.com/baegaha 

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

[HTML] DIV 태그와 SPAN 태그의 차이점  (0) 2011.11.16
[HTML] DIV 태그  (0) 2011.11.16
[HTML] html 기본 폰트 목록  (0) 2011.10.26
[HTML] 스크롤 따라 다니는 메뉴  (0) 2011.10.26
[HTML] mailto 태그 속성  (0) 2011.10.24