#02 HTML 메타데이터 요소

 

<meta> 태그

• 메타데이터의 이름을 지정하고, 속성으로 용도와 성격을 지정하여 문서에 관한 정보를 정의한다.
• 일반적으로 제공자(author), 저작권(copyright), 키워드(keywords), 언어(language) 등 문서의 성격을 파악하는데 도움을 줄 수 있는 정보를 포함한다.
• 검색 엔진 및 기타 웹서비스에서 사용된다.
• 빈 요소로 종료 태그가 없다.

 

- charset 속성 : 문서의 문자 인코딩을 지정 (세계의 거의 모든 문자를 포함하는 UTF-8 문자 집합 권장)

<meta charset="utf-8">

 

- name 속성 : 메타데이터의 이름을 지정

• author : 문서의 작성자
• description : 문서 설명 (검색엔진은 이 문서 설명을 검색 결과로 보여준다)
• generator : 문서 작성에 사용한 제작 도구
• keywords : 문서의 키워드 (검색엔진과 같은 사용자 도구가 문서 내용을 해석할 수 있도록 돕는다)
  스팸 키워드처럼 문서와 관련 없는 키워드와 설명이 임의로 포함될 수 있기 때문에 일부 검색 엔진은 메타데이터의 키워드와 설명을 제한적으로 참고하거나 아예 참고하지 않는다.
• viewport : 사용자가 볼 수 있는 웹페이지 영역
  장치마다 화면 크기가 달라 웹페이지가 다르게 보이는 문제를 해결하기 위한 것으로 주로 반응형 웹페이지를 제작할 때 사용한다.

- content 속성 : name 속성으로 지정한 데이터의 값을 지정

<meta name="author" content="어질인">
<meta name="description" content="공부하는블로그">
<meta name="generator" content="Visual Studio Code">
<meta name="keywords" content="HTML, CSS, JavaScript">
<meta name="viewport" content="width=device-width, initial-scale=1.0">