개념

• 문서의 메타데이터를 정의한다.
• 닫는 태그가 없는 빈 요소로, 속성 조합으로 의미가 정해진다.

관련 속성

• charset : 문자 인코딩
• name + content : 의미 있는 문서 레벨 메타데이터 (예: description, author, viewport, theme-color 등)
• http-equiv + content : HTTP 헤더에 준하는 브라우저 지시 (예: refresh, X-UA-Compatible, content-security-policy)
• og:, twitter: : 소셜 미리보기
• link : 메타데이터 성격의 리소스 선언

실무

• charset을 가장 상단 근처에 배치하여 파싱 초기에 인코딩을 확정한다.
• theme-color는 모바일 브라우저의 주소창 색상 등 UI 톤을 맞출 때 사용한다.

  <meta name="theme-color" content="#db5945">