메타(META)태그란


메타태그는 html문서의 <head>와</head>사이에 입력하는 특수태그로서 문서의 설정요소 들을 http서버에서 만들어진 특정 프로토콜 (컴퓨터간의 정보 교환을 위한 규칙을 말함) 에 연결합니다. 검색 사이트는 디렉토리 서비스라는 형식이 있고 검색 로봇이라는 것이 있는데 디렉토리 서비스라는 것은 사용자가 사이트에 관한 정보를 일일이 입력해서 검색을 하면 검색엔진에 등록된 사이트 중에서 입력된 정보와 적합한 사이트를 연결시켜 주는 방식이고 검 색로봇이라는 것은 대부분 메타태그를 이용하여 정보를 찿습니다. html문서의 <head> 부분 에삽입이 되면이 검색로봇이 검색엔진에 등록된 사이트를 주기적으로 돌아다니며 메타태그 를 색인해서 데이타를 갱신하게 됩니다. 따라서 자신의 홈페이지를 작성할때 메타태그를 적 절히 삽입해서 검색사이트 에 등록을 하는것이 바람직 하다고 봅니다.마감태그는 없습니다.


홈페이지를 작성한 도구를 알려주는 메타태그 소스
<meta name="generator" content="메모장">


메타의 한글지원 태그

인터넷 익스플로러5.0이나 넷스케이프 커뮤니페이터4.5에서는 언어를 자동으로 지원하므로 문서에 charset 을 설정하지 않아도 한글이 깨지지는 않습니다.그러나 웹  버전이 다른 경우한글이 깨져 나오는 경우가 있으므로 한글이 있는 html문서를 작성한다면 항상 다음과 같은 태그를 사용하는 것이 좋습니다.그러나 주의할 점은 다음과 같이 한글폰트charset=euc-kr로 설정을 해 주면 인터넷 익스플로러 에서는 아무 문제가 없지만 넷스케이프의 경우는 기본적으로 영문폰트(Western(ISO-8859-1))로 인코딩하여 문서를 보여 줍니다. 따라서 <meta charset=euc-kr>을 설정 하면 넷스케이프에서는 한글이 깨져 나오기도 합니다.그런데 반대로<meta charset=iso-8859-1>사용하면 넷스케이프에서는 한글이 깨지지 않는데 익스플로러에서 문서를 보게되면 최신 버전임에도 한글이 거의 다 깨져 나옵니다.이때는 메타 소스를 수정 하는 수 밖에 없습니다 익스플로러 에서는 <meta charset=euc-kr>을 설정해 주고 넷스케이프에서는 <meta charset=iso-8859-1> 을 설정해서 삽입해 주면 한글이 깨지지 않는답니다.다음과 같이 각각 다르게 메타태그를 삽입해 주면 됩니다
익스플로러 <meta http-equiv="Content-Type" content="text/html;charset=euc-kr">넷스케이프 <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1">


주제어 설정 메타태그

주제어 메타태그를 삽입하면 검색엔진에서 키워드로 검색을 했을때 수없이 많은 사이트중에우선순위로 상위리스트 그룹에출력이 됩니다.자신이 만든 홈페이지가 키워드 검색시에 상위리스트에 입력이 되게 하려면 다음과 같은 메타태그 를 쓰면됩니다.단어는 콤마로 구분하죠 <meta name="keywords" content="태그,tag, html,태그연습,태그연습장, 태그기초,태그공부,태그의모든 것,태그란?,자바스크립트,자바에플릿"> 검색엔진에서 위에 나열된 단어중 태그 혹은 태그연습 이라고 검색어를 입력하고 검색키 를누르면 검색 사이트에 출력이 됩니다.물론 자신의 사이트가 검색엔진에 등록이 되어 있어야 겠죠


홈페이지에 대한 소개를 나타내는 메타태그

검색엔진 에 출력된 사이트 들을 보면 홈페이지 이름과 함께 홈페이지에 대한 설명이 입력되어 있습니다.키워드와 함께 검색엔진으로 검색 하였을때 홈페이지 에 대한 설명 부분은 여기에 설정된 글들이 나타나는 것입니다 메타태그가 지정되어 있지 않은 경우 검색로봇은 페이지상 단으로 부터 몇줄만 설명으로 가져가기 때문에 검색자에게 정확한 결과를 보여줄 수가없겠죠 아래소스 content 부분만 자신의홈에 맞게 수정하면됩니다 <meta name="description" content="홈페이지를 꾸밀수 있는 자바에플릿 자바스크립트소스모음과스타일시트 각종 태그소스 자료 제공">


몇초후 다음 페이지로 자동 로딩하기

자신의 홈페이지 주소가 바뀌었거나 첫화면에 몇초동안 의 로고나 이미지를 보여준 후 메인페이지로 갈때나 슬라이드 효과를 낼때 사용합니다. CONTENT=5는 5초후 를 의미 합니다
<meta http-equiv="refresh" content="5;URL=http://www.netian.com">


  트레지션 효과 메타태그
  페이지를 이동할때 화면을 여러가지 모양으로 바꿔주는 태그입니다.
<meta http-equiv="Page-Exit" content="revealtrans(duration=2.0,transition=23)">
<meta http-equiv="Page-Enter" content="revealtrans(duration=2.0,transition=23)">

+ Recent posts