[HTML] meta 태그

📌meta 태그란?

<meta> 태그는 해당 문서에 대한 정보인 메타데이터를 정의할 때 사용된다.

<link>,<script>,<style>,<title> 요소와 같은 다른 메타데이터 관련 요소들이, 나타낼 수 없는 다양한 종류의 메타데이터를 제공할 때 사용

 

 

📢 메타태그 속성?

- http-equiv

웹 브라우저 서버에 명령을 내리는 속성

name 속성을 대신해 사용할 수 있다.

 

- content = "정보값"
meta정보의 내용을 지정

 

- name = "정보 이름"

몇 개의 meta정보의 이름을 정할 수 있으며 지정하지 않으면   http-equiv와 같은 기능

 

 

 

📢 메타태그 종류?

 

1. Keywords (검색엔진에 의해 검색되는 단어 지정)

<meta name="Keywords" content="HTML, CSS, JS">

 

2.  description (웹 페이지에 대한 설명을 정의)

<meta name="description" content="HTML meta taf page">

 

3. viewport (모든 장치에서 웹 사이트가 잘 보이도록 뷰포트를 설정)

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

 

4. charset (문자 코드의 종류 설정)

<meta charset="UTF-8">

 

5. X-UA-Compatible (브라우저 호환성을 지정)

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

 

6.pragma (캐쉬가 되지 않도록 정의)

<meta http-equiv="cache-control" content="no-cache">

<meta http-equiv="pragma" content="no-cache">

페이지를 cache에서 가져오지 않게 하며 항상 서버에 접속해서 페이지를 가져온다.