HTML _ Mete Tag

HTML & CSS & JS/HTML

MINSU KANG 2021. 1. 18. 21:06

메타태그는 웹문서의 정보(메타데이터)를 알려주기 위해 작성하는 태그. 이렇게 작성된 메타데이터는 사용자에겐 보이지 않지만 웹 브라우저, 검색엔진, 그리고 메타데이터를 활용하는 웹 서비스들이 사용

(<head> 태그 내에 위치하고 홀 태그 형식으로 사용)

meta 태그 : charset

웹문서의 문자 인코딩을 알려주는 역활. 문자 인코딩이란 웹 문서에 표시되는 문자열이 어떤 문자코드 기반으로 해석되고 표현할지 정함. 현재의 웹에서는 유니코드 기반인 UTF-8 인코딩을 사용하기 때문에 charset="UTF-8"으로 작성

meta 태그 : viewpoint

웹 문서가 그려지는 영역(viewpoint)에 대해 크기나 확대 비율을 어떻게 조정할지 정함. content 속성에 viewpoint 설정 값을 넣을 수 있음

cf) width : 웹문서가 표현되는 영역의 너비를 결정. 모바일 기기 너비에 맞추려면 device-width라는 값을 사용

initial-scale : 처음 화면에 보여질 때의 배율을 결정. 1.0이면 기본 크기이고 2.0이면 2배 그키

그 외에도 user-scalable(모바일에서 주로 사용), maximum-scale, minimum-scale 등을 사용할 수 있음

meta 태크 : author, description, keyword

검색 엔진이나 외부 웹 서비스에 알려질 정보들을 표현

meta 태그 : open graph

author, description, kwyword 메타 태크로도 정보를 나타낼 수 있지만 open graph 메타 태그를 사용하면 facebook과 같은 SNS에 더 자세한 정보를 알려 줄 수 있음