<meta> 태그<html>
<head>
<meta charset="UTF-8">
<meta name="descirption" content="baeya의 블로그">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="Bobae Yu">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="refresh" content="30">
</head>
<body>
</body>
</html>
meta태그는 html문서에 대한 메타 데이터를 제공합니다.메타 데이터는 페이지에 표시되지 않지만 구문 분석이 가능합니다.
메타 요소는 일반적으로 페이지 설명, 키워드, 문서의작성자, 마지막으로 수정 된 항목 및 기타 메타 데이터를 지정하는 데 사용됩니다.
메타 데이터는 브라우저(내용 표시 또는 페이지 재로드 방법), 검색엔진(키워드) 또는 기타 웹 서비스에서 사용할 수 있습니다.
메타 태그는 head요소 안에서만 위치하며 항상 name/value 쌍으로 전달됩니다.
content 속성을 사용 할 경우엔 반드시 name 또는 http-qequiv 속성이 정의되어야 합니다.
HTML5는 웹 디자이너가 meta태그를 통해 뷰포트를 제어 할 수있게하는 메소드를 도입했습니다.
뷰포트는 휴대폰 화면과 같은 여러 크기의 화면에서 사용자가 볼수있는 영역(웹페이지)을 제어합니다.
viewport 요소는 페이지의 크기와 배율을 제어하는 방법에 대한 브라우저 지침을 제공합니다.
width = device-width 부분은 페이지의 너비를 장치의 화면 너비에 따라 설정합니다 (장치에 따라 다름).
initial-scale = 1.0 부분은 브라우저가 페이지를 처음로드 할 때 초기 줌 레벨을 설정합니다.
charset : html 문서에 대한 문자 인코딩을 지정합니다. (utf-8)
content : http-equiv 또는 이름 속성과 관련된 값을 제공합니다.
http-equiv : 내용 속성의 정보/값에 대한 http헤더를 제공합니다.
content-type
default-style
refresh
name : 메타데이터의 이름을 지정합니다.
application-name
author
description
generator
keywords
viewport