웹마스터 팁

[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 - 임의로 지정됨
제목 글쓴이 날짜
E-Mail을 ID로 사용하기 [3] file June Oh 2010.02.25
공용 head內선언문들은 /common/tpl/common_layout.html 인터니즈2 2011.11.04
[레이아웃관련] 구글검색 달기 file 인터니즈2 2011.11.04
mp4 파일을 JW Media Player에 재생할 수 있도록 변경하기 [5] 세비군 2010.05.26
글자 깨짐 없이 문자열 자르기(hex2bin 함수 이용) [13] 미친개 2003.04.05
1.4.5.10->1.5.06 전환 성공기 executeQuery오류 문제및 다량 문제 발생해결 [2] phonetest 2011.10.21
더블클릭으로 페이지 위,아래 이동하기 [4] file 라싸 2011.09.22
리플카운터 [3] file 인터니즈2 2011.10.25
Error has occurred while connecting DB 에러에 관한 해결법 안녕하소 2011.10.26
XE 이클립스 개발환경 만들기 [7] 행키 2011.10.19
[동영상강좌] 홈페이지에 BGM을 달아보자 [5] 서기 2007.01.10
글쓴이에 이름과 닉네임 같이표시하기 [3] file 천재경 2011.10.20
글작성후 목록으로 이동하기 [8] ezi 2011.07.08
xe_board 스킨에서 제목 윗 부분이 짤리는 경우.. [1] 천재경 2011.10.19
메타태그(Meta)의 모든것 [11] ZipShin 2002.06.20
홈페이지 접속시 XE를 바로 실행하기(XE를 /xe/ 폴더에 설치한 경우) [5] Firstlove 2011.06.12
관리툴 회원관리에서 확장변수로 검색 시 숫자 이외 검색불가 해결 방법 카리브 2011.10.10
PHP 5.3.x DEPRECATED 에러 해결하기 [2] 난다날아 2011.01.21
The result is not valid XML 오류중 하나 해결 쿨럭이 2011.10.10
큰 파일의 썸네일이 안생길때 해결방법-추가 [7] HIKARU 2008.03.18