아니메클럽 : 아니메클럽 - 글

아니메클럽에 작성된 글 내용을 표시 합니다.

icon META 태그의 모든 옵션과 예제

조회 수:2905 등록일:2007.09.14 10:09:15 (*.234.236.247)
<META>

META태그에 대한 구조와 사용방법 등을 소개하겠습니다.

META태그는 웹 서버와 웹 브라우저간에 상호 교환되는 정보를 정의하는데 사용합니다.
웹 서버는 웹 클라이언트로부터의 요청을 받아들여 HTTP응답 헤더를 전달합니다.
HTTP응답 헤더란 웹 브라우저의 요청에 의해 웹 서버가 적절한 응답을 웹 브라우저에게
전달하게 되는데 이 때 전달되는 문자 또는 명령어 등의 메시지를 말합니다.

응답 헤더에는 웹 서버의 정보, HTML문서의 저자, 만기일, 키워드 목록과 같은 문서의 속성
이나, REFRESH(미리 지정된 시간 후에 다른 HTML문서를 자동으로 로드 - Client Pull)
등의 명령어가 포함되어 있습니다.

이러한 응답 헤더의 정보를 META태그로 지정할 수 있습니다. 그럼 여기서 META태그가
중요한 가장 큰 이유를 알아볼까요?

자신의 홈페이지나 사이트등을 검색엔진의 상위에 링크시키거나 정확한 페이지정보를 제공
하여 네티즌들의 편의를 위해서 입니다.

잘 모르시겠다고요? 검색엔진의 검색알고리즘에는 여러가지가 있습니다. 그 중 한가지는
바로 이 META 태그를 검색하는 것 입니다. META 태그의 키워드 및 내용 사용자 등의 정보로
검색엔진의 상위에 랭크가 될 수 있고 그로 인해 히트율을 높일 수 있습니다.

될 수 있으면 웹페이지마다 META 태그를 달아주는 것이 자신의 홈페이지를 알리는데 효율적
이겠죠? META 태그에 대해 상세히 설명이 된 정보를 찾지 못하여 저도 많이 궁금해 하던
차에 제가 알게된 팁을 지금부터 알려드리겠습니다.



META 태그는 head태그안에 정의를 합니다.
META 태그의 형식과 속성을 보세요.


형식 : <HEAD>...<META>...</HEAD>  
속성 : HTTP-EQUIV, NAME, CONTENT
  




HTTP-EQUIV 속성
웹 브라우저나 서버에 명령을 내리는 속성으로 NAME속성을 대신하여 사용될 수 있으며,
HTML문서가 응답 헤더와 함께 웹 서버로부터 웹 브라우저에 전송되었을 때에만 의미를
갖습니다.

형식 : <META HTTP-EQUIV="HTTP 응답 헤더 이름" CONTENT="응답 헤더에 할당된 값">  
옵션 : Expires, Keywords, Reply-to, Content-Language, Refresh
  




Refresh 옵션
CONTENT속성에 지정된 숫자만큼의 시간이 지나면 세미콜론 다음의 다른
웹 페이지로의 이동 또는 멀티미디어파일을 실행하는지를 지정합니다.

형식 : <META HTTP-EQUIV="refresh" CONTENT="값;URL=HTML문서 또는 파일의 URL">
  


예제
<META HTTP-EQUIV="Expires(만기일)" CONTENT="Tue, 31 Dec 1998 23:59:59 GMT">
<META HTTP-EQUIV="Keywords(주제어)" CONTENT="HTML, TIP">
<META HTTP-EQUIV="Reply-to(답장)" CONTENT="cmanky@hanmail.net">
<META HTTP-EQUIV="Content-Language(사용언어)" CONTENT="Korean">
<META HTTP-EQUIV="Last-Modified(최종 수정일)" CONTENT="Tue 30 Jan 1998 20:50:03">
<META HTTP-EQUIV="Organization(단체 또는 직장명)" CONTENT="CMANKY">
<META HTTP-EQUIV="Content-Type(문서형식)" CONTENT="text/plane;charset=한국어">
<META HTTP-EQUIV="refresh" CONTENT="5; URL="http://hill.shingu-c.ac.kr/~cmanky";>
  




NAME 속성
META정보의 이름을 지정합니다. META 태그의 속성과 옵션이 매우 다양하죠?
이 NAME속성이 바로 검색엔진과 관련된 부분입니다.

형식 : <META NAME="정보의 이름" CONTENT="응답헤더에 할당된값">
  


예제
<META NAME="Filename(파일이름)" CONTENT="meta.html">
<META NAME="Author-Date(제작일)" CONTENT="10 Jul 98">
<META NAME="Author(저자)" CONTENT="기연">
<META NAME="Email(E-mail주소)" CONTENT="cmanky@hanmail.net">
<META NAME="Project(작업)" CONTENT="CODE">
<META NAME="Status(상황)" CONTENT="Draft">
<META NAME="Location(위치)" CONTENT="html.html">
<META NAME="Distribution(배포자)" CONTENT="기연">
<META NAME="Description(설명)" CONTENT="HTML META태그의 설명">
<META NAME="Keywords(핵심어)" CONTENT="meta, tags, search, meta tags,engine">
<META NAME="Revision(개정)" CONTENT="1.0">
<META NAME="Generator(사용에디터)" CONTENT="normal editor">
<META NAME="Classification(분류)" CONTENT="개인,인터넷,학습">
  




CONTENT 속성
META정보의 내용을 지정합니다.

profile
Entry Uri :
http://animeclub.net/entry/
카테고리 :
이야기
조회 수 :
2905
등록일 :
2007.09.14
10:09:15 (*.234.236.247)
엮인글 :
http://animeclub.net/anime_document/43734/d71/trackback
게시글 주소 :
http://animeclub.net/43734
List of Articles
번호 제목 글쓴이 조회 수 추천 수 날짜
공지 공지 자료실 이용에 대해... file 라르게덴 211779   2009-04-03
60 이야기 확인 좀 해주세요... 라르게덴 2595   2007-09-14
나만 그런건지 모르겠는데 지금 현재 아니메클럽은 <iframe> 태그로 제로XE를 감싼 모습입니다. IE7과 FF2.0은 정상 테스트 되었는데 이상하게 우리집 IE6이 문제가 있는건지 화면이 다 깨져 나오네요... 혹시 IE6 쓰시는 분들은 제대로 보이는지 알려주셍  
59 이야기 카테고리 추가 테스트 라르게덴 3020   2007-09-14
앞으로 글 쓰실때 카테고리 선택하여 주십시오.  
58 이야기 홈페이지 저작권 표시법 라르게덴 3733   2007-09-14
저작권 표시법 Copyright(c)2002 by CHSOLSOL 이건, 간단한 저작권 표시방법. Copyright(c)2002 CHSOLSOL All rights reserved. 이곳의 모든 저작권은 CHSOLSOL에게 있습니다. Copyright(c)2002 by CHSOLSOL. All Page content is property of CHSOLSOL. 이곳의 모든 저작권은 CHSOLSOL에게 있습니다. 모든 페이지 내용의 소유권은 CHSOLSOL이 가지고 있습니다. Copyright(...  
» 이야기 META 태그의 모든 옵션과 예제 라르게덴 2905   2007-09-14
<META> META태그에 대한 구조와 사용방법 등을 소개하겠습니다. META태그는 웹 서버와 웹 브라우저간에 상호 교환되는 정보를 정의하는데 사용합니다. 웹 서버는 웹 클라이언트로부터의 요청을 받아들여 HTTP응답 헤더를 전달합니다. HTTP응답 헤더란 웹 브라우저의 요청에 의해 웹 서버가 적절한 응답을 웹 브라우저에게 전달하게 되는데 이 때 전달되는 문자 또는 명령어 등의 메시지를 ...  
56 이야기 학교에서 [5] 딩고 2653   2007-09-12
배고프고 졸립고..재미도 없고... 다들 즐기면서 사시고 계신가요? 즐기기도 힘드네요 (별로 쓸말이 업었음)  
55 이야기 글꼴의 종류별 크기 [1] 라르게덴 2491   2007-09-10
글꼴의 단위에 따른 크기 비교표 by kukie 브라우저의 기본 글꼴크기(1em/100%)를 기준으로한 글꼴 비교표. pt/px에 익숙한 제작자/사용자는 CSS 초보가 당황할 만한 것 #2를 참고하시기 바랍니다. points pixels ems percent 글꼴 6pt 글꼴 8px 글꼴 0.5em 글꼴 50% 글꼴 7pt 글꼴 9.5px 글꼴 0.55em 글꼴 55% 글꼴 7.5pt 글꼴 10px 글꼴 0.6em 글꼴 60%...  
54 이야기 리뉴! 아이디어에 아이디어 좀 써주삼!! [6] 라르게덴 2547   2007-09-10
내가 메뉴 만드니까 사람들 접속이 없네 -_-;;; 리뉴얼 할때 아이디어 등 같이 만들었음 하니까요... 와서 읽어보고 좋은 생각있음 글 하나씩 남겨주세용~~  
53 이야기 백만년만에 글 [3] 술취한랩 2481   2007-09-09
이상하다. 아니메클럽 새오픈할때 축하 글 하나 남긴거 같은데... 없네 -.,-;) 오픈한지 오래됐는데 이제와서 축하글 남기기도 그렇고... 냐하하 킁킁 --;; 아무튼간에 꺼성씬욱이 만나로 가기 전에 생각나서 잠시 들렸습니다. 다들 건강하쎄요?(명수버젼) 아, 이젠 날씨가 풀려서 긴팔옷이 필요할때이니 다들 감기 조심하시구~~ 참고로, 라르형 내 문자 2개 무시 했습니다. - _- 흥!  
52 이야기 잡담 ~(~_~)~ [9] 마야 2589   2007-09-04
잡담 주제 1. 영화 스타더스트 보고 왔습니다. 2. 테크노 마트에 첨 갔습니다... 3. 신형 PSP 주문했습니다 =_=;; 4. 자격증에 대해. 5. 기타... ///////////////////////////////////////////////////////////////////////////// 1. 오랜만에 영화 보고 왔습니다 =ㅁ=;; 제목은 스타더스트.. 직역 하자면.. 별가루 =_=a 감상은... 나름 재미있음 ㅇ_ㅇ;;; 판타지 = 권선징악 해피앤딩 이...  
51 이야기 [내 멋대로 리뷰]신카이 마코토 [3] Laissez_faire 2670   2007-09-04
신카이 마코토.. 밑의 글에서. 티레인 님께서..초속 5cm의 삽입곡을 들려주셔서.. 갑자기 필받아서...평소 좋아하는 신카이 마코코의 작품세계에 대한 잡담한번 해봅니다. 바로 이 아자씨 입니다. 73년생이니..35살이군요.~^^ 본론부터 이야기 하자면 신카이 마코토의 지금까지의 작품세계는 그 초점이 "DISTANCE"에 맞춰져 있다고 볼 수 있습니다. 바로 "거리" (스트리트가 아닙니다..) ...  



CATEGORY
ALL [600]
공지 [3]
[551]
사진 [39]
정보 [6]
소식 [2]
정보 [4]

Skin Info

slide_in
5년전 갱신
 
arrow_in