meta tag

meta data

데이터를 설명하는 데이터

meta tag

글의 본문에 표현되진 않지만 웹페이지 설명하는 상당히 중요한 정보
인코딩과 디코딩을 할 때에 중요하게 사용되는 정보

인코딩(Encoding) 
정보들을 컴퓨터에 저장하는 것 

디코딩(Decoding)
저장되어 있는 정보를 꺼내서 화면에 표시하는 과정

<meta charset="utf-8">
//언어규칙설정
<meta name="author" content="sshusshu">
//문서의 저자를 정의
<meta name="keywords" content="html, meta, search, description">
//검색 엔진을 위한 키워드를 정의
<meta name="description" content="메타태그에 대한 정보를 담은 컨텐츠">
//웹페이지에 대한 설명을 정의
<meta name="viewport" content="width=device-width,initial-scale=1.0">
//모든 장치에서 웹사이트가 잘보이도록 설정
<meta http-equiv="refresh" content="5;http://~~">
//이 웹페이지는 5초 후에 다른 사이트로 refresh

<meta name="og:type" content="website"> 
//링크 전달시 보여지는 정보

<meta name="twitter:card" content="website">
//sns 공유시 보여지는 정보

name 속성 값
application-name, author, description, generator, keywords

http-equiv 속성값
content-type, default-style, refresh

og 속성값
og:type 용도
og:title 제목
og:description 설명
og:image 이미지
og:url 주소

meta 태그
웹페이지의 내용은 아니지만 그 웹페이지를 설명하는 태그
HTML문서에 대한 색인정보

하이퍼텍스트 생성 언어(HTML) 문서의 맨 위쪽에 위치
HEAD 태그 사이 또는 뒤에 있어도 되지만, 반드시 BODY 태그 앞쪽에 위치