meta 태그란?
-
HTML 문서에 대한 메타 데이터를 정의합니다.
-
메타 데이터는 데이터에 대한 데이터 (정보)입니다.
-
항상 요소 안에 들어갑니다.
-
일반적으로 문자인코딩, 페이지 설명, 키워드, 문서 작성자 및 뷰포트 설정을 지정하는 데 사용됩니다.
-
메타 데이터는 페이지에 표시되지 않지만 컴퓨터 구문 분석이 가능합니다.
-
메타 데이터는 브라우저 (콘텐츠를 표시하거나 페이지를 다시로드하는 방법), 검색 엔진 (키워드) 및 기타 웹 서비스에서 사용됩니다.
<head> <meta charset="UTF-8"> // HTML문서의 문자 인코딩을 지정 <meta name="description" content="설명"> <meta name="keywords" content="HTML, CSS, JavaScript, frontend"> <meta name="author" content="저자"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>META 태그</title> </head>
viewport 메타태그
-
width=device-width부분은 장치의 화면 너비를 따르도록 페이지 너비를 설정합니다 (장치에 따라 다름).
-
initial-scale=1.0부분은 브라우저에서 페이지를 처음로드 할 때 초기 확대 / 축소 수준을 설정합니다.
-
과거에 사용되던 리사이즈가 안되게 막던 부분들은 모바일브라우저들이 처리가 안되도록 막았으므로 작성하지 않으셔도 됩니다.
☞ minimum-scale=1.0은 최소사이즈를 1.0으로 처리해서 축소를 못하게 막습니다.
☞ maximum-scale=1.0은 최대사이즈를 1.0으로 처리해서 확대를 못하게 막습니다.
☞ user-scalable=no는 사용자크기변화를 no로 처리해서 크기변화를 못하게 막습니다.
<meta name="viewport" content="width=device-width, initial-scale=1.0">
