메타태그
문서 그 자체를 설명하는 태그를 메타 태그라고 한다. 즉, 문서가 어떤 내용을 담고 있고, 핵심어는 무엇이며, 누가 만들었고, 문자셋은 무엇인지를 나타낸다.
메타태그는 <head>와 </head>사이에 위치한다.
형식
<meta 속성="값" content="내용물" />
예제
<meta name="author" content="eunicon" />
<meta name="title" content="meta tag" />
메타태그 속성
<META HTTP-EQUIV="Expire" CONTENT="-1"> : 캐쉬 완료(파기)시간 정의.
<META HTTP-EQUIV="Last-Modified" CONTENT="Mon,20 Jul 2007 19:30:30"> : 최종수정일을 정의.
<META HTTP-EQUIV='Cache-Control' CONTENT='no-cache'>
<META HTTP-EQUIV='Pragma' CONTENT='no-cache'> : 캐쉬가 되지 않게 하는 태그
<META HTTP-EQUIV="Content-type" content="text/html; charset=euc-kr"> : 웹문서의 언어 설정.
<META HTTP-EQUIV="Imagetoolbar" content="no"> : 그림위에 마우스 오버시 이미지 관련 툴바가 생기지 않음.
<META HTTP-EQUIV="Refresh" content="15;URL=http://galaxy.channeli.net/jakalky/sitemap.htm"> : 페이지이동
<META HTTP-EQUIV="Refresh" content="15"> : 15초마다 새로 고침
<META HTTP-EQUIV="Page-Enter" content="RevealTrans(Duration=5/시간 초단위, Transition=21) "> : 페이지 로딩시 트랜지션 효과(장면 전환 효과)
<META name="Subject" content="홈페이지 주제 입력">
<META name="Title" content="홈페이지 이름 입력">
<META name="Descript-xion" content="설명문 입력">
<META name="Keywords" content="키워드 입력">
<META name="Author" content="만든사람 이름">
<META name="Publisher" content="만든단체/회사 이름">
<META name="Other Agent" content="웹책임자 이름">
<META name="Classification" content="카테고리위치(분류)">
<META name="Generator" content="생성프로그램(에디터)">
<META name="Reply-To(Email)" content="메일주소 입력">
<META name="Filename" content="파일이름 입력">
<META name="Author-Date(Date)" content="제작일">
<META name="Location" content="위치">
<META name="Distribution" content="배포자">
<META name="Copyright" content="저작권">
<META name="robots" content="옵션">
검색엔진 피하기
외부에 노출하고 싶지 않은 문서를 웹크롤러에게 허락하지 않을때 robots 메타 태그를 사용한다.
robots 메타태그 content
- index : 웹 크롤러가 긁어간다.
- follow : 웹 크롤러가 해당 페이지에서 나온 모든 링크를 찾아가서 링크된 문서도 긁어간다.
- noindex : 웹 크롤러가 긁어가지 않는다.
- nofollow : 링크를 확인해서 긁어가는 것을 건너 뛴다.
예제
<META name="robots" content="index,follow"> : 이 문서도 긁어가고 링크된 문서도 긁어감.
<META name="robots" content="noindex,follow"> : 이 문서는 긁어가지 말고 링크된 문서만 긁어감.
<META name="robots" content="index,nofollow"> : 이 문서는 긁어가되, 링크는 무시함.
<META name="robots" content="noindex,nofollow"> : 이 문서도 긁지 않고, 링크도 무시함
HTTP-EQUIV
서버가 클라이언트로부터 온 http request를 접수한 다음 http response를 다시 웹 브라우저에게 보내준다. 이 http response의 헤더를 각 html 문서 별로 따로 설정할 수 있는 것이 http-equiv 메타 태그이다.
일반적인 순서
- 사용자가 링크 클릭
- 웹브라우져에서 생성된 http request를 서버로 보낸다.
- 웹서버에서 접수한 뒤 http response와 함께 html파일 (또는 그래픽, 사운드, ...)을 TCP/IP를 이용해 전달한다.
- 웹 브라우저에서는 http response에 설정된 대로 전달받은 파일을 연다.
이때 전달받은 파일을 http reponse header에 설정된 대로 열면서 개별 html문서에서 설정해 둔 http-equiv 메타 태그에 잇는 내용 역시 서버에서 보낸 http header에 첨가한다.
이 글은 스프링노트에서 작성되었습니다.
