티스토리 뷰

IT 이야기/프로그래밍

[HTML 쉽게 이해하기 강좌] - <meta> 태그에 대해서

하늘과 나b 2012. 4. 17. 10:01

<meta> 태그에 대해서



META 태그는 무엇일까요?

META태그는 문서의 정보를 알려주는 태그입니다.
<head> </head> 사이에 넣어주시면 됩니다.
            
 
형식 1 : <META HTTP-EQUIV = "ⓐ" CONTENT = "ⓑ">
형식 2 : <META NAME = "ⓐ" CONTENT = "ⓑ">
설명 : ⓐ META 태그의 속성을 입력하는 부분
         ⓑ META 태그의 값을 입력하는 부분           
속성 : refresh(새로고침) keywords(검색시 사용될 핵심어)
 

 
 

 가장 기본적으로 쓰이는 태그들

  

 
아래의 태그는 가장 기본적으로 쓰이는 태그입니다.

<META HTTP-EQUIV="content-type" CONTENT="text/html; CHARSET=UTF-8">
웹문서의 문자 인코딩 방식을 나타내는 메타태그입니다. EUC-KR, UTF-8 등이 많이 사용되었는데요. 요즘에는 UTF-8 방식이 많이 사용되고 있습니다. 

 



 웹문서나 사이트의 정보를 알려주는 메타태그

  


아래의 태그는 웹문서나 웹사이트의 정보를 알려주는 메타태그입니다. 

<META NAME="Generator CONTENT="사이트 제작 툴 혹은 에디터">
<META NAME="Author" CONTENT="제작자">
<META NAME="Keywords" CONTENT="웹검색에 노출되는 키워드">
<META NAME="Description" CONTENT="웹문서/사이트에 대한 요약설명">
<META NAME="Copyright" CONTENT="저작권 관련정보">
<META NAME="Subject" CONTENT="웹문서/사이트 주제">
<META NAME="Title" CONTENT="웹문서/사이트 타이틀">
<META NAME="Publisher" CONTENT="발행인/업체">
<META NAME="Other Agent" CONTENT="웹문서/사이트 책임자">
<META NAME="Classification" CONTENT="카테고리 분류">
<META NAME="Reply-To(Eail)" CONTENT="메일주소">
<META NAME="FileNAME" CONTENT="파일명">
<META NAME="Author-Date(Date)" CONTENT="제작일">
<META NAME="Location" CONTENT="위치">
<META NAME="Distribution" CONTENT="배포자">



아래의 META태그는 이 페이지의 키워드를 지정합니다.

<meta name="keyword" content="프로그래밍,Flash,강좌,스타일시트">

 
이 부분은 검색로봇이 이 페이지가 어떤 컨텐츠를 가지고 있는지 확인할 수 있도록 하는 키워드를 입력하기 위한 태그. 이 태그의 값을 어떻게 지정하느냐에 따라 검색엔진에 검색 여부가 달라진다.
 
이 태그를 사용할 경우 중요한 단어는 앞에다 먼저 위치시키는게 좋습니다. 물론 영문과 한글2개의 같은 단어가 있을 때 영문을 앞에 써야 합니다. 키워드의 갯수도 어느정도 제한이 있는데 보통 200개 정도까지는 허용되지만 키워드의 갯수가 많아지면 키워드의 빈도가 떨어지기 때문에 우선 순위에 밀려 나오므로 적당히 쓰는게 좋습니다.



 페이지를 이동해주는 태그

 



아래의 META 태그는 자동으로 웹페이지를 이동시켜 주는 기능입니다. 
5초 후에 옮길 홈페이지 주소에 적힌 주소로 이동합니다.

<meta http-equiv="refresh" content="5;url=옮길 홈페이지 주소">

 

아래의 META 태그는 5초 뒤에 자동으로 새로 옮기는 홈페이지 주소로 접속을 하게 해줍니다.

 <META http-equiv="refresh" content="5" URL="http://promisej7.tistory.com">

 
            
 

 


아래의 META 태그를 지정하면 검색엔진이 검색결과를 출력할 때 이 내용이 브라우저에 나타나게 됩니다. 
대부분의 사람들이 이 내용을 보고 사이트에 접속할 것인가를 결정하기 때문에 페이지의 내용을 잘 요약하여 서술문으로 보기 좋고 깔끔하게 작성하는 것이 중요합니다.

검색엔진마다 차이는 있지만 최대 150자를 넘기지 않는 범위에서 작성하는 것이 좋습니다.
 

<meta name="decription" content="프로그래밍 강좌 관련 사이트입니다.">






검색 관련

<meta name="Robots" content="ALL"> 
<meta name="Robots" content="index,follow"> //이 문서도 긁어가고 링크된 문서도 긁어감 
<meta name="Robots" content="noindex,follow"> //이 문서는 긁어가지 말고 링크된 문서만 긁어감 
<meta name="Robots" content="index,nofollow"> //이 문서는 긁어가고 링크는 무시함 
<meta name="Robots" content="noindex,nofollow"> //이 문서도 긁지 않고 링크도 무시함 


'IT 이야기 > 프로그래밍' 카테고리의 다른 글

[C언어 소스] 팩토리얼 구하는 프로그램 예제 소스  (6) 2012.04.24
[PHP] include 할 페이지에 get으로 인수 넘기는 방법  (0) 2012.04.22
[C언어] scanf 자체에 공백도 인식되게 하는 방법  (0) 2012.04.18
[C언어 소스] 10진수를 2진수로 변환하는 소스  (4) 2012.04.17
비주얼 스튜디오에서 소스코드 자동 정렬 쉽게 하기  (2) 2012.04.17
[C언어 소스] 짝수의 합을 구하는 프로그램 소스  (0) 2012.04.17
[C언어 소스] 대문자는 소문자 ,소문자는 대문자로 치환하는 프로그램  (3) 2012.04.17
[Javascript] 인터넷 익스플로러(Internet Explorer)에서 console.log 사용하기  (1) 2012.04.13
[Javascript] document.getElementById()  (4) 2012.04.10
[JQuery 예제] 네이버 검색창 밑에 있는 검색목록 만들기  (2) 2012.02.24
공유하기 링크
댓글