웹마스터 팁

  2. Support
  3. 웹마스터 팁

메타태그(Meta)의 모든것

2002.06.20 11:44

ZipShin

[2002년 10월 28일 아침 11시38분 내용 수정]

*메타태그

메타태그에 대해서 알아봅시다.
메타태그는 홈페이지의 문서정보를 담는 태그입니다.
누가 언제 어디서 제작하여, 어느 서버에 올렸는지 홈페이지의 제작한 정보를 담는 태그입니다.

<META> 태그는 홈페이지에 대한 일반적인 정보를 나타낼 때 사용하며, 홈페이지 작성자 및 날짜, 그리고 홈페이지 검색시 검색 키워드 등을 지정할 수 있다. 이 곳에서 설정한 내용은 브라우저상에 나타나지 않으며 <TITLE>처럼 이 태그 역시 <HEAD>사이에서만 사용한다. 이 태그는 또한 맨 마지막에 </META>라고 닫아주지 않아도 된다.

그리고 또한 홈페이지의 HTML부분중 <Head>와</Head>사이에 들어간다.

예제)
<html>
<head>
<title>메타태그</title>
<Meta name="Author" content="김아무개">
</head>
<body>
메타 태그의 활용
</body>
</html>
↑ 위와 같이 사용을 합니다. ↓ 아래에 있는 메타태그를 head에 넣으면 되겠습니다.

<Meta name="Author" content="김아무개">
홈페이지를 만든 사람.

<Meta name="Keywords" content="ASP강좌">
Altavista 등의 검색 엔진에서 홈페이지를 검색할 때 참조하는 키워드.

<Meta name="Description" content="방문해 주셔서 감사합니다. ">
홈페이지에 대한 간략한 설명을 적는다.

<Meta http-equiv="refresh" content="10;url='next.htm' ">
10초 후에 'next.htm' 로 이동한다.

<Meta http-equiv="Content-Type" content="text/html; charset=ks_c_5601-1987 ">
브라우저상에서 한글이 깨져 보이는 경우, 한글의 코드를 지정하면 한글이 깨져 보이는 현상을 개선할 수 있다. 단 Charset을 "ks_c_5601-1987"로 지정하면 완성형 코드만을 볼 수 있다.

<Meta http-equiv="Page-Exit" content="RevealTrans(Duration=5, Transition=23) ">
현재 페이지에서 빠져나갈 때 전환 기법을 사용하여 페이지를 닫는다.

<Meta http-equiv="Page-Enter" content="RevealTrans(Duration=5, Transition=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 - 중앙에서 위쪽과 아래쪽으로 수평이동하면서 이미지 변환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 - 임의로 지정됨
이 게시물을
수정 삭제
좋아요
목록
제목 글쓴이 날짜
[HTML 초보자] HTML 홈페이지의 태그 기본구조. [4] ZipShin 2002.08.07
[Siren]하나도 안귀엽게 -ㅅ-;; 문서 정렬하기 [5] 세이렌 2002.08.01
[스타일시트] 페이지 여백 없애기2 ^^ ↓ 아래글을 보충합니다. [8] ZipShin 2002.07.31
[Siren]페이지 여백 없애기 [8] 세이렌 2002.07.31
웹페이지 소스보기. [4] ZipShin 2002.07.31
[Siren]이미지 주변에 점선 테두리 생기게 하기 ^_^ [6] 세이렌 2002.07.30
[Siren]글자(문자,폰트) 링크 커서 제어하기 [8] 세이렌 2002.07.30
[Tip]로딩속도 높이는 10가지 방법. [8] HomeBox™ 2002.06.28
마우스 오버시에 텍스트 버튼느낌 style.css 와 자동 스크롤 기능 [5] HomeBox™ 2002.06.27
제로보드 가입폼에 css쉽게 적용하기 {동준짱} 2002.06.26
로보트 검색엔진에 잘 걸리는 Meta Tag 작성법 [8] 이성영 2002.06.20
메타태그(Meta)의 모든것 [11] ZipShin 2002.06.20
홈페이지의 대문에서 스크롤바 없애기 [10] keymove 2002.06.15
DHTML의 시작 - Form 예제 (폼처리 HTML) Legend 2002.05.09
저기에서 이리로 온 글입니다. [3] file 이성영 2002.05.07
DHTML의 시작 - Typing 스크립트 (예제) [2] Legend 2002.04.19
DHTML의 시작 - CSS와 객체 관계 [2] Legend 2002.04.12
드래그하면 바뀌는 마술거울효과 (-_-")v [16] file 짱나 2002.04.05
엔지오식 레이어 메뉴 구성하기 (허접) [3] 정영순 2002.03.28
두 개의 프레임을 동시에 제어하기 [4] file (づ_-) 위드 2002.03.25
태그 쓰기