태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.

2007.10.06 19:15
1. 문자세트(Character Set) 설정
: 문서(document)에서 사용될 문자를 인코딩해 준다. (한국어:euc-kr / 서유럽:ISO-8859-1 / 다국어:utf-8(유니코드) / ....)

예1) 한국어(euc-kr)로 인코딩 된다.
<meta http-equiv="content-type" content="text/html; charset=euc-kr">


 

2. 문서 등록정보를 표시
: 문서의 일반적인 정보를 입력하고, 검색엔진의 키워드 검색기능으로 상위 검색을 가능하게 해준다.
  주의! 정보 입력시에 영문자 기준으로 최대 255자는 넘기지 말아야 한다.
 
예1) 문서를 작성한 작성자의 정보를 표시한다.
<meta name="author" content="작성자">


예2) 문서를 작성할때 이용한 툴의 정보를 표시한다.
<meta name="generator" content="작성툴">
 

예3) 문서의 내용을 간단/명료하게 표시한다.
<meta name="description" content="문서내용">


 예4) 문서의 검색 키워드들을 표시한다. 이는 검색엔진에게 키워드들을 제공해 줌으로써 상위 검색을 가능하게 해준다. (키워드들은 콤마(,)로 구분)
<meta name="keywords" content="검색키워드">


예5) 문서를 작성한 작성자의 이름과 메일주소를 표시한다.
<meta http-equiv="reply-to" content="E-mail주소(이름)">


예6) 문서의 저작권(copyright)이나 작성 단체/회사(publisher)를 표시한다.
<meta name="publisher" content="단체/회사">

 
예7) 문서의 제목(title), 주제(subject), 날짜(date), 분류(classification)를 표시한다.
<meta name="date" content="2008-03-07">

 

 
3. 갱신(Refresh)
: 지정한 시간(초)에 도달하면 자동으로 웹페이지를 갱신하거나, 지정한 경로로 웹페이지가 이동된다.

예1) 60초 후에 페이지를 갱신한다.
<meta http-equiv="refresh" content="60">

 
예2) 60초 후에 자동으로 지정한 경로로 페이지 이동이 된다.
<meta http-equiv="refresh" content="60; url=http://blog.daum.net/webdeveloper"> (절대경로시 가급적 "url="표시)
<meta http-equiv="refresh" content="60; default.html"> (상대경로시)

 

4. 캐쉬제어 및 캐쉬 만료시간 설정
: 웹브라우저는 열어본 페이지를 임시로 저장하는 캐쉬 디렉토리가 있다. 이 캐쉬 디렉토리는 열어본 페이지를 다시 열 경우 보다 빨리
  페이지를 열 수 있게 하지만, 보안상 중요한 문서가 디렉토리에 남음으로써 정보유출의 우려가 있거나 페이지가 갱신되었을때 갱신 내용이 잘 반영않되는 문제도 있다.
  이러한 캐쉬에 대한 제어를 할 수 있고 또한 캐쉬 만료시간을 설정해 줄 수 있다.

 
예1) 캐쉬에서 해당 웹페이지를 읽어드리는 것을 방지한다. 그러므로 항상 웹페이지를 갱신하다.
<meta http-equiv="pragma" content="no-cache">

예2) 캐쉬 만료시간을 설정해 준다. 여기서 만료시간은 반드시 그리니치 표준시(GMT) 형식으로 입력해야 한다.
<meta http-equiv="expires" content="Fri, 07 Mar 2008 22:00:00 GMT">

 

 
5. 이미지 툴바 감추기
: 익스플로러에서 이미지 위에 마우스 커서를 옮겨 놓으면 툴바가 나타나는 것을 차단한다.
 예1) <meta http-equiv="imagetoolbar" content="no">

 
 
6. 페이지 전환 효과
: 웹페이지에 들어올때(page-enter)나 떠날때(page-exit) 여러가지 전환 효과를 줄 수 있다.
  단 프레임을 가진 웹페이지에서는 지원하지 않고, 무엇보다 익스플로러 전용이다.
 
예1) 웹페이지에서 떠날때 서서히 밝아지거나 어두워지는 전환 효과를 준다
<meta http-equiv="page-exit" content="blendtrans(duration=구동시간(초))">
 
예2) 웹페이지에 들어올때 전환 효과를 준다.
<meta http-equiv="page-enter" content="revealtrans(duration=구동시간(초), transtion=전환효과종류)">
 
<효과 종류(transtion)는 0~23까지 종류를 선택할 수 있다.>
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 - 중앙에서 위쪽과 아래쪽으로 수평이동하면서 이미지 변환
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 - 임의로 지정
 
예3) 웹페이지에 들어올때 모자이크 전환 효과를 준다.
<meta http-equiv="page-enter" content="progid:dximagetransform.microsoft.pixelate(maxsquare=15,duration=1.5)">





<META HTTP-EQUIV="Expire" CONTENT="-1">
:캐쉬 완료(파기)시간 정의.

<META HTTP-EQUIV="Last-Modified" CONTENT="Mon,20 Jul 2007 19:30:30">
:최종수정일을 정의.

<META HTTP-EQUIV='Cache-Control' CONTENT='no-cache'>
<META HTTP-EQUIV='Pragma' CONTENT='no-cache'>
:캐쉬가 되지 않게 하는 태그

<META HTTP-EQUIV="Content-type" content="text/html; charset=euc-kr">
:웹문서의 언어 설정.

<META HTTP-EQUIV="Imagetoolbar" content="no">
:그림위에 마우스 오버시 이미지 관련 툴바가 생기지 않음.

<META HTTP-EQUIV="Refresh" content="15;URL=http://galaxy.channeli.net/jakalky/sitemap.htm">
:페이지이동
<META HTTP-EQUIV="Page-Enter" content="RevealTrans(Duration=5/시간 초단위, Transition=21) ">
:페이지 로딩시 트랜지션 효과(장면 전환 효과)

<META name="Subject" content="홈페이지주제 입력">
<META name="Title" content="홈페이지이름 입력">
<META name="Description" content="설명문 입력">
<META name="Keywords" content="키워드 입력">
<META name="Author" content="만든사람 이름">
<META name="Publisher" content="만든단체나회사 이름">
<META name="Other Agent" content="웹책임자 이름">
<META name="Classification" content="카테고리위치(분류)">
<META name="Generator" 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 name="Robots" content="ALL">

<META name="robots" content="index,follow" />
: 이 문서도 긁어가고 링크된 문서도 긁어감.

<META name="robots" content="noindex,follow" />
: 이 문서는 긁어가지 말고 링크된 문서만 긁어감.

<META name="robots" content="index,nofollow" />
: 이 문서는 긁어가되, 링크는 무시함.

<META name="robots" content="noindex,nofollow" />
: 이 문서도 긁지 않고, 링크도 무시함.

'웹표준 > Html' 카테고리의 다른 글

동영상이 로딩될때까지 이미지 보여주기  (0) 2007.12.06
플레시 입력 소스  (0) 2007.11.25
meta tag  (0) 2007.10.06
table의 모든 것  (0) 2007.09.30
프린터 하기  (0) 2007.09.29
동적인 TEXTAREA  (1) 2007.09.29
Posted by 고시랑

티스토리 툴바