메타태그란?

Berry·2021년 11월 1일
0
post-thumbnail

정의 및 특징

메타태그(meta tag)는 해당 문서에 대한 정보인 메타데이터(metadata)를 정의할 때 사용합니다.

메타태그base, link, script, style, title 요소와 같은 다른 메타데이터 관련 요소들이 나타낼 수 없는 다양한 종류의 메타데이터를 제공할 때 사용되며, 이렇게 제공된 정보는 브라우저나 검색 엔진, 다른 웹 서비스에서 사용하게 됩니다.

이러한 meta 요소는 언제나 head 요소 내부에 위치해야 합니다.

예제

<head>
    <meta charset="UTF-8">
    <!-- 검색 엔진을 위한 키워드(keyword)를 정의 -->
    <meta name="keyword" content="HTML, meta, tag, element, reference">
  	
    <!-- 웹 페이지에 대한 설명(description)을 정의 -->
    <meta name="description" content="HTML meta tag page">
 	
    <!-- 문서의 저자(author)를 정의 -->
    <meta name="author" content="Berry">
  	
    <!-- 모든 장치에서 웹 사이트가 잘 보이도록 뷰포트(viewport)를 설정 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  
    <title>HTML meta tag</title>
</head>

참고

profile
🍓웹디자이너 Berry의 기술 블로그🧡

0개의 댓글