META태그는 웹 서버와 웹 브라우저간에 상호 교환되는 정보를 정의하는데 사용하며
웹 서버는 웹 클라이언트로부터의 요청을 받아들여 HTTP응답 헤더를 전달한다.
(HTTP응답 헤더란 웹 브라우저의 요청에 의해 웹 서버가 적절한 응답을 웹 브라우저에게
전달하게 되는데 이 때 전달되는 문자 또는 명령어 등의 메시지를 말한다.)
응답 헤더에는 웹 서버의 정보, HTML문서의 저자, 만기일, 키워드 목록과 같은 문서의 속성
이나, REFRESH(미리 지정된 시간 후에 다른 HTML문서를 자동으로 로드 - Client Pull)
등의 명령어가 포함되어 있는데 이러한 응답 헤더의 정보를 META태그로 지정할 수 있다.
META태그가 중요한 이유는 자신의 홈페이지나 Site등을 검색엔진의 상위에 링크시키거나
정확한 페이지정보를 제공하기 위함이며 그로인한 네티즌들의 편의를 위해서이다.
(검색엔진의 검색알고리즘에는 여러가지가 있는데 그 중 한가지는 바로 이 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 등
예제
<META HTTP-EQUIV="Expires" CONTENT="Thu 22 Feb 2001 23:59:59 GMT">
<META HTTP-EQUIV="Keywords" CONTENT="HTML, TIP">
<META HTTP-EQUIV="Reply-to" CONTENT="thermidor@hanmail.net">
<META HTTP-EQUIV="Content-Language" CONTENT="Korean">
<META HTTP-EQUIV="Last-Modified" CONTENT="Thu 22 Feb 2001 20:50:03">
<META HTTP-EQUIV="Organization" CONTENT="CMANKY">
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=euc-kr">
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=iso-8859-1">
<META HTTP-EQUIV="refresh" CONTENT="5; URL="http://user.chollian.net/~thermidor">
<META HTTP-EQUIV="Page-Enter" CONTENT="revealTrans(Duration=1,Transition=23)">
<META HTTP-EQUIV="Page-Exit" CONTENT="revealTrans(Duration=1,Transition=21)">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
NAME 속성
META정보의 이름을 지정한다. 이 NAME속성이 바로 검색엔진과 관련된 부분이다.
형식 : <META NAME="정보의 이름" CONTENT="응답헤더에 할당된값">
예제
<META NAME="Filename" CONTENT="meta.html">
<META NAME="Author-Date" CONTENT="10 Jul 98">
<META NAME="Email" 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="Subject" CONTENT="주제 : HTML META태그 설명">
<META NAME="Title" CONTENT="제목 : HTML META태그 설명">
<META NAME="Author" CONTENT="저자 : thermidor">
<META NAME="Publisher" CONTENT="기관명 : thermidor.com">
<META NAME="Other Agent" CONTENT="책임 : thermidor">
<META NAME="Date" CONTENT="2001-02-22">
<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="개인,인터넷,학습">
'Tech: > HTML·DHTML' 카테고리의 다른 글
전체화면 창 띄우기 (0) | 2008.06.26 |
---|---|
움직이는 타이틀(제목 표시줄) 표현... (0) | 2008.06.26 |
팝업(context)메뉴 흉내내기 (0) | 2008.06.26 |
브라우저 아래의 상태표시줄에 현재 시각을!!! (0) | 2008.06.26 |
웹에서 마우스 오른쪽 버튼을 못쓰게 하기(2) (0) | 2008.06.26 |