웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
메타태그(Meta)의 모든것
2002.06.20 11:44
[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 - 임의로 지정됨
*메타태그
메타태그에 대해서 알아봅시다.
메타태그는 홈페이지의 문서정보를 담는 태그입니다.
누가 언제 어디서 제작하여, 어느 서버에 올렸는지 홈페이지의 제작한 정보를 담는 태그입니다.
<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 - 임의로 지정됨
댓글 11
-
fox_magi
2002.06.24 17:32
-
한기남
2002.06.30 23:39
미투...
불펌은 퍼가지 말라는 얘기?
그럼 팁이아니게? -
Namu
2002.07.08 15:18
-_-; 헤...
쓰란건지 말란건지.. =_=;; -
sang
2002.07.11 16:18
이정도 가지고, 불펌이라.......... 원글쓴이가 85년생이네요....어리네..ㅡ.ㅡ; -
정명주
2002.07.18 19:49
불시에 퍼주세요 라는거 아닌가여?? -
T_S_P
2002.07.28 01:45
재미있군여....꽤 -
김기영
2002.07.30 22:55
이정도 가지고라.. 음 85년 생이네요 어리네?--; 너무하시네 다들..
" 쉽게 볼수 있지 않으며 독창적인 내용이거나 고도로 재가공된 정보여야 한다구 생각되는데요,," -> 이렇게 말해놓고 죄송하다고 하는건 사람쥑이고 미안하다고 하는거랑
같다고 생각안하나.. 자료 올리고 욕먹는건 또 무슨 매넌가? -
CooLeo
2002.10.18 01:14
불펌을 갖다 붙이기엔 너무나 빈약한...핫핫. 메타태그의 전부가 아닌 이건 일부요 일부. -
ZipShin
2002.10.28 11:38
마음대로 가져가세요..-_-; 그리고 내용 수정함 -
나루
2003.03.07 01:15
좋은 자료입니다^^ 이걸 조금이라도 참조할 수 있는 저같은 사람이 있는 한 정말로 고마운 자료죠^^ 감사~~ -
까멸
2011.10.16 22:06
어쩃거나 애드온 떄문에 골머리아팠는데, 감사합니다~
제목 | 글쓴이 | 날짜 |
---|---|---|
홈페이지 만들기 ① ▶계정 만들기◀ (아름지기님과 다름) [6] | 냠냠 | 2002.03.09 |
프레임 만들기
[6]
![]() | 냠냠 | 2002.03.10 |
아름지기식 홈페이지 만들기4 [14] | 아름지기 | 2002.03.12 |
아름지기식 홈페이지만들기5 [5] | 아름지기 | 2002.03.16 |
두 개의 프레임을 동시에 제어하기
[4]
![]() | (づ_-) 위드 | 2002.03.25 |
엔지오식 레이어 메뉴 구성하기 (허접) [3] | 정영순 | 2002.03.28 |
드래그하면 바뀌는 마술거울효과 (-_-")v
[16]
![]() | 짱나 | 2002.04.05 |
DHTML의 시작 - CSS와 객체 관계 [2] | Legend | 2002.04.12 |
DHTML의 시작 - Typing 스크립트 (예제) [2] | Legend | 2002.04.19 |
저기에서 이리로 온 글입니다.
[3]
![]() | 이성영 | 2002.05.07 |
DHTML의 시작 - Form 예제 (폼처리 HTML) | Legend | 2002.05.09 |
홈페이지의 대문에서 스크롤바 없애기 [10] | keymove | 2002.06.15 |
메타태그(Meta)의 모든것 [11] | ZipShin | 2002.06.20 |
로보트 검색엔진에 잘 걸리는 Meta Tag 작성법 [8] | 이성영 | 2002.06.20 |
제로보드 가입폼에 css쉽게 적용하기 | {동준짱} | 2002.06.26 |
마우스 오버시에 텍스트 버튼느낌 style.css 와 자동 스크롤 기능 [5] | HomeBox™ | 2002.06.27 |
[Tip]로딩속도 높이는 10가지 방법. [8] | HomeBox™ | 2002.06.28 |
[Siren]글자(문자,폰트) 링크 커서 제어하기 [8] | 세이렌 | 2002.07.30 |
[Siren]이미지 주변에 점선 테두리 생기게 하기 ^_^ [6] | 세이렌 | 2002.07.30 |
웹페이지 소스보기. [4] | ZipShin | 2002.07.31 |
그런데 불펌이란 두글자를 사용하기 위해선 쉽게 볼수 있지 않으며 독창적인 내용이거나 고도로 재가공된 정보여야 한다구 생각되는데요,,
자료하나 올리지 않구선 무슨말이 많으냐 하시는 분들 있으시겠지만(머 할말없죠 ㅡㅡ+) ..쩝 지송합니다 (--)(__)