<meta>

meta 태그

닫는 태그가 없는 태그로, 태그의 속성을 통해 정보를 제공합니다.

<meta http-equiv="content-type" content="text/html; charset=euc-kr" />:웹문서의 언어를 설정 (euc-kr)
<meta http-equiv="content-type" content="text/html; charset=utf-8" />:웹문서의 언어를 설정 (utf-8)
<meta http-equiv="imagetoolbar" content="no" />:그림위에 마우스 오버시 이미지 관련 툴바가 생기지 않음
<meta http-equiv="refresh" content="0; url=http://이동주소" />:0초후 해당 페이지이동
<meta http-equiv="refresh" content="60" /> :60초마다 새로고침
<meta http-equiv="pragma" content="no-cache" />: 캐쉬에서 해당페이지 읽어들이는 걸 방지

<meta name="subject" content="홈페이지주제" />
<meta name="title" content="홈페이지이름" />
<meta name="description" content="홈페이지 설명" />
<meta name="keywords" content="홈페이지 키워드" />
<meta name="author" content="홈페이지 주인 or 작성자" />
<meta name="publisher" content="만든단체나회사" />
<meta name="other Agent" content="웹책임자" />
<meta name="classification" content="카테고리위치(분류)" />
<meta name="generator" content="홈페이지 제작도구" />
<meta name="reply-to" content="메일주소" />
<meta name="filename" content="파일이름" />
<meta name="author-date" content="제작일" /> 
<meta name="location" content="홈페이지 위치(소속국가)" />
<meta name="distribution" content="배포자" />
<meta name="copyright" content="저작권" />
<meta NAME="content-language" content="kr" /> : 기술된 언어

메타태그의 검색로봇 관련
<meta name="robots" content="all" /> :로봇 검색을 허가함
<meta name="robots" content="none" /> :로봇 검색을 허가하지 않음
<meta name="robots" content="index,follow" /> :이 문서도 긁어가고 링크된 문서도 긁어감.
<meta name="robots" content="noindex,follow" /> :이 문서는 긁어가지 말고 링크된 문서만 긁어감.
<meta name="robots" content="index,nofollow" /> :이 문서는 긁어가되, 링크는 무시함.
<meta name="robots" content="noindex,nofollow" /> :이 문서도 긁지 않고, 링크도 무시함.



출처: https://marga.tistory.com/555 [margalog]

SEO

SEO는 Search Engine Optimization의 약자로, 검색 엔진 최적화를 의미.

<meta> 태그를 이용하여 description, keywords, author, subject, classification 등의 정보를 표기할 수 있으며, 검색 엔진은 이런 정보를 적극적으로 활용합니다.

<meta name="description" content="웹 표준을 준수한 사이트 예제 입니다.">
<meta name="subject" content="웹표준 사이트 제작">

<html>
<head>
	<title>웹 표준을 준수한 사이트</title>

	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="웹 표준을 준수한 사이트 예제 입니다.">
	<meta name="subject" content="웹표준 사이트 제작">
	<meta name="classification" content="html">
	<meta name="keywords" content="www,web,world wide web,html,css,javascript">
	<meta name="robots" content="ALL">
</head>
<body>
	...
</body>
</html>

IE Edge

Internet Explorer(IE) 10 이하 버전은 문서를 읽을 때 쿼크모드 혹은 IE7모드를 사용해서 웹페이지를 표시합니다. 사용자가 최근 브라우저를 사용하고 있어도 웹페이지가 적절하게 렌더링되지 않을 수 있는데, 이 때 <meta> 태그를 이용하여 최신 엔진으로 페이지를 렌더링 하도록 설정할 수 있습니다.

<meta http-equiv="X-UA-Compatible" content="IE=Edge">

Chrome Frame

IE에서 크롬의 엔진을 사용하게 하는 크롬 프레임이라는 플러그인이 있는데, 이 플러그인이 설치되어 있을 때 사용하게 하려면 다음과 같이 작성하면 됩니다.

<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">

Previous웹접근성 Next기본지식(JAVASCRIPT)

Last updated 3 years ago

Was this helpful?