프리카운터넷

프로그래밍&개발

기존 공부방

META를 이용한 화면전화효과 및 다양한 활용

META tag는 기본적으로 웹 검색엔진의 효율적인 인덱스를 위한 것으로 검색로봇이 웹페이지를 검색할때 <META> 태그 안의 내용을 읽어서 해당 단어등을 검색을 한다.
하지만 요즈음에는 야후, 심마니, 한미르 등 거의 모든 검색엔진들이 디렉토리 검색을 방법을 사용하는 추세이어서 META_tag 본래의 기능이 많이 퇴색되고 말았죠. 그러나 알타비스타의 경우에는 아직까지 메타 태그를 검색해서 검색 엔진 결과에 보여진다.
또한 META tag는 검색을 위한 것 뿐 아니라 웹페이지의 자동 로딩을 위해서도 사용된다.

홈페이지에 일반적으로 등록하는 예제문
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=euc-kr">
<META NAME="DESCRIPTION" CONTENT="프리카운터넷은 각종 웹악세사리를 제공합니다. ">
<META NAME="KEYWORDS" CONTENT="무효카운터, 전광판, 게시판, 아이콘자료실, , HTML,SCRIPT, WEBTIP">
</head>

<META name="Subject" content="freecount"> (Subject : 홈페이지의 주제)
<META name="Title" content="freecount"> (Title : 홈페이지 제목)
<META name="Author" content="freecount"> (Author : 홈피 만든 사람)
<META name="Publisher" content="freecount"> (Publisher : 홈피 만든 기업이나 단체)
<META name="Other Agent" content="freecount"> (Other Agent : WEB 책임자/관리자)
<META name="Date" content="2003년 1월 1일"> (Date : 만든 날짜)
<META name="Keywords" content="프리카운터,카운터"> (keywords : 검색대상단어)
<META NAME="description" content="프리카운터넷은 각종 웹악세사리를 제공합니다. "> (간단한 소개문장)

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=euc-kr">
언어 인코딩 문제를 해결하는 효과를 가지고 있다.
위의 태그는 한글이 지원되지 않는 컴퓨터에서 올바른 한글코드로 웹페이지 읽혀질 수 있도록 한다.

<META HTTP-EQUIV="Expires" CONTENT="0">
웹페이지의 빠른 로딩을 위해서 이미 저장한 이미지등을 사용하게 되는데 이것을 방지하기 위해서
캐쉬된 웹페이지 사용하지 않도록 하는 방법이다.
이방법을 사용하면 웹페이지의 로딩이 느려질 수도 있다.

<META HTTP-EQUIV="imagetoolbar" content="no">
인터넷6.0이상이라면 웹페이지에서 이미지등에서 (저장하기,프린트,메일보내기)가 계속 보인다.
이것을 보이지 않게 하기 위한 방법으로 이용할 수 있다.

<META HTTP-EQUIV="Refresh" content="3"; URL="http://freecount.net/">
3초 후에 URL에 표기된 사이트로 자동으로 이동하게 한다.
content="원하는 시간(초)"에 원하는 시간에 "0"을 입력하면 바로 원하는 페이지로 이동할 수 있다.

<META HTTP-EQUIV="Refresh" CONTENT="3"; URL=다운받게할 내용을 경로입력">
홈페이지를 접속하면 자동으로 자료를 다운로드 받을 수있게 해주는 내용입니다.
3초 후에 URL에 표기된 내요을 자동으로 다운받게한다.

<META HTTP-EQUIV="Page-Enter" content="revealTrans(Duration=3,Transition=0)">
<META HTTP-EQUIV="Page-Exit" content="revealTrans(Duration=3,Transition=0)">
페이지 들어갈 때/나갈때 다양한 화면전환방법을 사용할 수 있다.
Transition = 숫자(원하는 화면전환방법) , Duration = 숫자(진행속도)
Transition=0 : 가운데로 모으기 (박스 형태)
Transition=1 : 밖으로 펼치기 (박스 형태)
Transition=2 : 가운데로 모으기 (원 형태)
Transition=3 : 밖으로 펼치기 (원 형태)
Transition=4 : 위로 닦아내기
Transition=5 : 아래로 닦아내기
Transition=6 : 오른쪽으Transition=로 닦아내기
Transition=7 : 왼쪽으로 닦아내기
Transition=8 : 세로 블라인드
Transition=9 : 가로 블라인드
Transition=10 : 가로 체크 무늬
Transition=11 : 세로 체크 무늬
Transition=12 : 흩어 뿌리기
Transition=13 : 수직 안쪽으로 나누기
Transition=14 : 수직 바깥쪽으로 나누기
Transition=15 : 수평 안쪽으로 나누기
Transition=16 : 수평 바깥쪽으로 나누기
Transition=17 : 계단 모양 왼쪽 아래로
Transition=18 : 계단 모양 왼쪽 위로
Transition=19 : 계단 모양 오른쪽 아래로
Transition=20 : 계단 모양 오른쪽 위로
Transition=21 : 가로 실선 무늬
Transition=22 : 세로 실선 무늬
Transition=23 : 순서없이 전환