meta 태그의 사용법
웹/환경설정 2009. 3. 16. 16:30 |1) <meta태그>의 기본형식
<meta> 태그는 태그 안에서 사용할 수 있으며, 웹페이지에 관한 정보를 브라우저에 제공하기 위한 태그로 키워드, 저작자와 온라인 웹 검색을 하는 검색 로봇에게 자신의 문서의 키워드를 알려줄 수도 있습니다.
<meta> 태그 기본 구조는 다음과 같습니다.
<meta HTTP-EQUIV="" CONTENT="" NAME="">
HTTP-EQUIV="항목명" :
HTTP로 정보를 보낼 항목명 설정
CONTENT="정보값" :
항목명으로 설정된 값
NAME="정보 이름" :
몇 개의 메타 정보의 이름을 정할 수 있으며 지정하지 않으면 HTTP-EQUIV와 같은 기능을 합니다.
다음으로 <meta> 태그의 속성들과 쓰임새를 알아보겠습니다
2) <meta태그>의 속성
<meta HTTP-EQUIV="REFRESH" CONTENT="30">
HTTP-EQUIV="REFRESH" 속성은 페이지를 일정한 시간이 지나면 자동으로 페이지를 갱신하는 기능을 합니다. 이 예에서는 현페이지를 30초마다 갱신하는 즉 reload 합니다
<meta HTTP-EQUIV="REFRESH" CONTENT="5; FIRST.HTML">
위의 예와 다른점은 여기서는 5초가 지나면 현재의 페이지를 갱신하는 것이 아니라 FIRST.HTML 을 갱신합니다. 따라서 결국 FIRST.HTML 을 5초가 지나면 자동으로 로드 합니다 홈페이지들 중에 자동으로 계속 다른 페이지로 로딩되는 것을 보신적이 있을 것입니다
<meta CONTENT="Content-Type" HTTP-EQUIV="text/html;charset=euc-kr">
이예제에서는 이 항목이 문서의 일부분 이며 TEXT/HTML 문서로 한글로 작성되었다는 정보를 보여줍니다. 한글 페이지를 만드실 때 이 정보를 기입하시면 페이지의 폰트가 다르게 보이실 것입니다. 바로 한글로 작성되었다는 것을 알려줌으로써 한글에 맞게 출력되는 것입니다
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=Windows-1251">
위와 예와 비슷합니다. 문자 SET 1251을 사용한 웹페이지임을 나타냅니다.
<meta HTTP-EQUIV="Expires" CONTENT="Mon, 06 Jan 1990 00:00:01 GMT">
그리니치 표준시간으로 1990년 1월 6일 월요일 기준으로 유효하지 않음을 나타냅니다.
<meta HTTP-EQUIV="Reply-To" CONTENT="인터넷주소(자신 이름)">
자신의 이름과 E-Mail 주소를 나타냅니다.
<meta HTTP-EQUIV="Keyword" CONTENT="JAVA,SCRIPT"> 검색 로봇에게 제공할 자신의 홈페이지의 키워드(JAVA,SCRIPT)를 나타냅니다. 이 정보는 검색엔진에 홈페이지를 등록하였을 때 검색엔진 사용자가 검색을 하였을 때 홈페이지를 검색하는 키워드로 사용됩니다. 따라서 홈페이지를 흥보하는데에도 유용하게 사용되고 있습니다.
<meta HTTP-EQUIV="description" CONTENT="TEXT">
홈페이지에 대한 설명을 나타내게 합니다. 위의 Keyword와 함께 검색엔진 으로 검색하였을 때 홈페이지에 대한 소개부분에 여기에 설정된 글들이 나타나게 됩니다.
출처 :http://www.para.or.kr/homepage/webdesign/9.htm
<meta> 태그는 태그 안에서 사용할 수 있으며, 웹페이지에 관한 정보를 브라우저에 제공하기 위한 태그로 키워드, 저작자와 온라인 웹 검색을 하는 검색 로봇에게 자신의 문서의 키워드를 알려줄 수도 있습니다.
<meta> 태그 기본 구조는 다음과 같습니다.
<meta HTTP-EQUIV="" CONTENT="" NAME="">
HTTP-EQUIV="항목명" :
HTTP로 정보를 보낼 항목명 설정
CONTENT="정보값" :
항목명으로 설정된 값
NAME="정보 이름" :
몇 개의 메타 정보의 이름을 정할 수 있으며 지정하지 않으면 HTTP-EQUIV와 같은 기능을 합니다.
다음으로 <meta> 태그의 속성들과 쓰임새를 알아보겠습니다
2) <meta태그>의 속성
<meta HTTP-EQUIV="REFRESH" CONTENT="30">
HTTP-EQUIV="REFRESH" 속성은 페이지를 일정한 시간이 지나면 자동으로 페이지를 갱신하는 기능을 합니다. 이 예에서는 현페이지를 30초마다 갱신하는 즉 reload 합니다
<meta HTTP-EQUIV="REFRESH" CONTENT="5; FIRST.HTML">
위의 예와 다른점은 여기서는 5초가 지나면 현재의 페이지를 갱신하는 것이 아니라 FIRST.HTML 을 갱신합니다. 따라서 결국 FIRST.HTML 을 5초가 지나면 자동으로 로드 합니다 홈페이지들 중에 자동으로 계속 다른 페이지로 로딩되는 것을 보신적이 있을 것입니다
<meta CONTENT="Content-Type" HTTP-EQUIV="text/html;charset=euc-kr">
이예제에서는 이 항목이 문서의 일부분 이며 TEXT/HTML 문서로 한글로 작성되었다는 정보를 보여줍니다. 한글 페이지를 만드실 때 이 정보를 기입하시면 페이지의 폰트가 다르게 보이실 것입니다. 바로 한글로 작성되었다는 것을 알려줌으로써 한글에 맞게 출력되는 것입니다
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=Windows-1251">
위와 예와 비슷합니다. 문자 SET 1251을 사용한 웹페이지임을 나타냅니다.
<meta HTTP-EQUIV="Expires" CONTENT="Mon, 06 Jan 1990 00:00:01 GMT">
그리니치 표준시간으로 1990년 1월 6일 월요일 기준으로 유효하지 않음을 나타냅니다.
<meta HTTP-EQUIV="Reply-To" CONTENT="인터넷주소(자신 이름)">
자신의 이름과 E-Mail 주소를 나타냅니다.
<meta HTTP-EQUIV="Keyword" CONTENT="JAVA,SCRIPT"> 검색 로봇에게 제공할 자신의 홈페이지의 키워드(JAVA,SCRIPT)를 나타냅니다. 이 정보는 검색엔진에 홈페이지를 등록하였을 때 검색엔진 사용자가 검색을 하였을 때 홈페이지를 검색하는 키워드로 사용됩니다. 따라서 홈페이지를 흥보하는데에도 유용하게 사용되고 있습니다.
<meta HTTP-EQUIV="description" CONTENT="TEXT">
홈페이지에 대한 설명을 나타내게 합니다. 위의 Keyword와 함께 검색엔진 으로 검색하였을 때 홈페이지에 대한 소개부분에 여기에 설정된 글들이 나타나게 됩니다.
출처 :http://www.para.or.kr/homepage/webdesign/9.htm