컴퓨터과학/HTML5

[ HTML5 ] META 태그란 무엇인가? 메타태그의 특징

InfHo 2023. 1. 17. 12:02

목차

     

    메타태그-예시-사진
    메타태그 예시 사진

     

    메타태그란

    HTML5의 <meta> 태그는 HTML 문서에 대한 메타데이터를 제공하는 데 사용됩니다. 메타데이터는 작성자, 키워드, 설명 및 문자 집합과 같은 HTML 문서에 대한 데이터입니다. <meta> 태그는 HTML 문서의 <head> 섹션 내에 배치되며 웹 페이지의 레이아웃이나 프레젠테이션에 영향을 미치지 않습니다.

    <meta> 태그는 빈 태그입니다. 즉, 닫는 태그가 없고 내용을 감싸지 않습니다. 이름, http-equiv 및 콘텐츠 속성을 사용하여 문서에 대한 정보를 포함하는 데 사용됩니다.

    다음은 <meta> 태그를 사용하여 웹 페이지에 대한 설명을 포함하는 방법의 예입니다.

     

    <head>
      <meta name="description" content="This is a sample web page">
    </head>

     

    이 예에서 name 속성은 "description"으로 설정되고 content 속성은 "This is a sample web page"로 설정됩니다. 이는 검색 엔진 및 기타 웹 크롤러에게 콘텐츠 속성의 콘텐츠가 웹 페이지의 설명임을 알려줍니다.

    메타 태그의 또 다른 일반적인 용도는 다음과 같이 charset 속성을 사용하여 웹 페이지에서 사용되는 문자 집합을 지정하는 것입니다.

     

    <meta charset="UTF-8">

     

    <meta> 태그는 또한 콘텐츠 속성의 정보/값에 대한 HTTP 헤더를 지정하는 http-equiv 속성을 가질 수 있으며 리디렉션, 새로 고침 또는 페이지 캐싱 제어에 사용할 수 있습니다.

    <meta> 태그는 웹 페이지에 대한 정보를 제공하는 중요한 도구이며 검색 엔진이 페이지의 내용을 이해하는 데 도움이 될 수 있으며 페이지가 캐시되는 방식을 제어하거나 사용자를 다른 페이지로 리디렉션하는 데 도움이 될 수 있습니다. 페이지. 페이지에는 보이지 않지만 SEO 및 접근성에 중요합니다.

     

    메타태그의 특징

    1. HTML 문서에 대한 메타데이터를 제공합니다. <meta> 태그는 작성자, 키워드, 설명 및 문자 집합과 같은 HTML 문서에 대한 메타데이터를 제공하는 데 사용됩니다.

    2. HTML 문서의 <head> 섹션 내에 배치됩니다. <meta> 태그는 HTML 문서의 <head> 섹션 내에 배치되며 웹 페이지의 레이아웃이나 프레젠테이션에 영향을 미치지 않습니다.

    3. 빈 태그입니다. <meta> 태그는 빈 태그입니다. 즉, 닫는 태그가 없고 콘텐츠를 감싸지 않습니다.

    4. name, http-equiv 및 콘텐츠 속성과 함께 사용됩니다. <meta> 태그는 name, http-equiv 및 콘텐츠 속성을 사용하여 문서에 대한 정보를 포함하는 데 사용됩니다.

    5. 웹 페이지에서 사용되는 문자 집합을 지정할 수 있습니다. <meta> 태그는 UTF-8과 같이 웹 페이지에서 사용되는 문자 집합을 지정하는 charset 속성도 가질 수 있습니다.

    6. 페이지 또는 리디렉션의 캐싱을 제어할 수 있습니다. <meta> 태그에는 콘텐츠 속성의 정보/값에 대한 HTTP 헤더를 지정하는 http-equiv 속성도 있을 수 있습니다. 리디렉션, 새로 고침 또는 페이지의 캐싱을 제어합니다.

    7. 페이지에는 보이지 않지만 SEO 및 접근성에 중요합니다. <meta> 태그는 페이지에 표시되지 않지만 웹 페이지에 대한 정보를 제공하는 중요한 도구입니다. 검색 엔진이 페이지의 콘텐츠를 이해하는 데 도움이 될 수 있습니다.