meta
head태그안에 사용
웹페이지의 저자
웹페이지의 내용 요약
검색할때 사용할수있는 키워드 검색분류할수있음
웹페이지에 직접적으로 나오는것은 아니지만 웹페이지에 설명하는역할이다
<meta charset = "utf-8">
char - character 문자
set - 집합
charset = 문자의 규칙
utf- 8은 현재 웹페이지를 컴퓨터에 저장할때 utf-8이라는 방식으로 저장
생략시 화면깨짐
인코딩 : 컴퓨터에 저장하는것
디코딩 : 저장되어있는 정보를 꺼내서 화면에 표시하는 과정
<meta http-equiv = "X-UA-Compatible content = "IE-edge">
브라우저 호환성
<meta name = "description" content = "소개">
이 웹페이지에 대한 설명을 추가하고 이름을 설명과 같게 설정
사이트의 설명
<meta name = "keywords" content="HTML">
키워드 그 문서를 정의하는 중요단어
웹페이지를 잘설명하는 키워드 검색엔진에 걸리도록한다
<meta name = "author" content = "닉네임">
author =저자
content
<meta http-equiv = "refresh" content = "30">
30초 간격으로 자동의 refresh가 된다
<meta name = "viewport" content = "width=device-width, initial-scale= 1.0">
모바일 장치에서 웹페이지를 볼수가있다
해당 모바일장치에 비례하여 크기가 조정된다
<meta name "robots" content ="">
contetn 속성
index : 현재 페이지를 수집대상으로 지정
follow :현재 페이지를 포함해 링크가 걸린곳을 수집대상으로 지정
noindex : 현재 페이지를 수집대상으로 미지정
nofollow :현재 페이지를 포함 링크가 걸린곳을 수집대상으로 미지정
noarchive : 해당페이지를 캐시하지 않음
all : 기본값 index , follow
non : noindex, nofollow
Open Graph
HTML 문서의 메타정보를 쉽게 표시하기위해사용
facebook 공유 facebook 게시물이 가장 최적화된 품질로
표시될수 있도록 OpenGraph를 사용
<meta property ="og:title" content = "제목">
og : title
객체의 제목
<meta property ="og:type" content = "website">
og : type 객체의 유형ex) website
<meta property ="og:url" content = "http://">
og : url
현재웹페이지 주소
<meta property ="og:image" content = "http://..img">
og : image
웹페이지의 썸네일이미지
ex)네이버는 로고
https://s.pstatic.net/static/www/mobile/edit/2016/0705/mobile_212852414260.png
