META Tag의 정의와 메타 태그의 종류

 

메타 태그란?

 

HTML 문서의 메타 정보를 나타내는 태그를 의미합니다.

메타 정보 즉, Meta data(메타 데이터)는 html 페이지에 표시 되지 않습니다. 

페이지에 대한 설명, 키워드, 제작자 및 각종 정보를 지정하고 표시하는 데 사용합니다.

 

---

메타 태그의 종류

 

대략적인 메타 태그에 대해 적어보겠습니다.

 

1) 키워드 지정 

<meta name="keywords" content="메타태그, 웹, html, css" />

 

2) html 사이트 지정

<meta name="description" content="html 및 css를 공부하는 사이트 입니다.">

 

3) 작성자 지정

<meta name="author" content="문과생">

 

4) 30초마다 새로고침 지정

<meta http-equiv="refresh" content="30">

 

5) 브라우저 호환성 지정

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

 

6) 인코딩 방식 지정

<meta charset="UTF-8>

 

7) 로봇 수집 관련 지정

<meta name="robots" content="all" /> : 인덱스와 팔로우 모두 지정
<meta name="Robots" content="none" /> : 인덱스와 팔로우 모두 지정 안함 
<meta name="Robots" content="index" /> : 페이지를 수집 대상으로 지정 
<meta name="Robots" content="follow" /> : 페이지와 링크가 걸린 곳을 수집 대상으로 지정

 

8) 뷰포트 지정 (기기에 따른 화면 너비와 배율 설정)

<meta name="viewport" content="width=device-width, initial-scale=1.0">