메타데이터란 ?
간단히 말하면 데이터에 대한 데이터, 데이터를 설명하는 데이터이다. HTML에서 문서에 <meta> 요소를 이용해 공식적으로 메타데이터를 적용할 수 있다.
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>- <meta>
문서 레벨 메타데이터 요소이고 빈 요소 이다. 메타관련 요소로 나타낼 수 없는 메타데이터를 나타낸다.
-
<title>
문서 제목 요소로, 브라우저의 제목 표시줄이나 페이지 탭에 보이는 문서제목을 정의한다. 텍스트만 포함할 수 있으며 태그를 포함하더라도 무시한다. -
<link>
외부 리소스 연결 요소로 현재 문서와 외부 리소스의 관계를 명시한다. 스타일 시트를 연결할 때 제일 많이 사용되고 href 속성에 경로를 rel 속성에 stylesheet를 사용한다. -
<style>
스타일 정보 요소로 문서나 문서 일부에 대한 스타일 정보를 포함한다. -
<script>
데이터와 실행 가능한 코드를 문서에 포함할 때 사용하며 보통 javascript 코드와 함께 쓴다.
가능하면 body의 맨 마지막에 쓰는 것이 좋다
Frontend 개발자입니다 😎