아니메클럽에 작성된 글 내용을 표시 합니다.
글 수 600
<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정보의 내용을 지정합니다.
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정보의 내용을 지정합니다.