Meta 태그

작성자 관리자
아이피 122.♡.189.76
작성일 2008.01.08 04:28

조회 2,462
목록

▷ Meta 태그

⊙ 태그요소

① &ltMeta> ... &lt/Meta>

Meta : 최 상위의~

Meta Tag

하이퍼텍스트 생성 언어(HTML) 문서의 맨 위쪽에 위치하는 태그.
HEAD 태그 사이 또는 뒤에 있어도 되지만, 반드시 BODY 태그 앞쪽에 위치해야 한다.
브라우저와 검색 엔진을 사용할 수 있도록 문서의 정보를 포함하고 있다.

대부분 종료태그는 생략한다.

⊙ 속성(Atributes)

속성

용도

사용법

http-equiv

"Refresh" :페이지 갱신 및 이동

&ltmeta http-equiv="refresh" content="10"> : 10초 마다 페이지 갱신

&ltmeta http-equiv="refresh" content="10; url=이동할 페이지"> : 10초 후 '이동할 페이지'로 이동

"Content-type" : 문자세트(charset) 지정

&ltmeta http-equiv="content-type" content="text/html; charset=euc-kr">: 한국어 지정

"Pragma" : 캐쉬 불가 지정

&ltmeta http-equiv="pragma" content="no-cache">

"Expires" : 캐쉬 허용, 만료시간 지정

&ltmeta http-equiv="expires" content="Mon, 7 Jan 2008 11:27:00 GMT">

"Last-modified" : 최종 수정일

&ltmeta http-equiv="last-modified" content="Mon,10 Jul 2000 18:47:14">

"Imagetoolbar" : 이미지 툴바 사용여부

&ltmeta http-equiv="imagetoolbar" content="no"> : 마우스 오버시 툴바 사용 불가

name

"Keywords" : 키워드 정의

&ltmeta name="keywords" content="HTML, 홈페이지, 웹디자인,"> : 홈페이지 안내 키워드 지정

"Description" : 소개문구

&ltmeta name="description" content="홈페이지 소개문구"> : 검색로봇에 의해 정보수집

"Author" : 페이지 작성자 정보

&ltmeta name="author" content="홍길동"> : 페이지 작성자 정보

"Email" : 이메일

&ltmeta name="email" content="duduji@kongnamul.com">

"Filename" : 파일이름

"Author-Date" : 제작일

"Location" : 위치

"Distribution" : 배포자

"Generator" : 에디터

"Classification" : 분류

http-equiv

"page-enter" : 장면 전환 효과

&ltmeta http-equiv="page-enter" content="RevealTrans(Duration=5/시간 초단위, Transition=21) ">

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 - 임의로 지정됨

⊙ Meta 태그 사용 예

코드 작성

실행결과

&lthtml>

  &lthead>
    &lttitle>태그의 사용 예&lt/title>
    &ltmeta http-equiv="refresh" content="10; url=http://duduji.com.ne.kr">
  &lt/head>
  
  &ltbody>
    10초 후 url=http://duduji.com.ne.kr로 이동합니다.
  &lt/body>
  
&lt/html>

작성자 정보

컨텐츠 정보

본문

10 초 후 자동으로 페이지 이동이 발생한다.

관련자료