meta 태그

meta 태그는 브라우저나 검색 엔진에 대한 일부 서비스 명령어를 설정합니다: 페이지 인코딩, 검색 엔진을 위한 페이지 설명, 페이지 작성자 등.

태그 작동 원리는 다음과 같습니다 (일부 예외 있음): 명령어 이름(name 속성 또는 http-equiv 속성)을 설정하고, 명령어 값은 content 속성에 설정합니다. 본질적으로 이 태그는 메타 태그라는 그룹 태그(명령어)를 포함합니다.

meta 태그는 닫는 태그가 필요하지 않습니다.

meta 태그는 head 태그 내부에서 사용해야 합니다.

인기 있는 사용 예시

문서 인코딩

현재 인코딩 표준은 utf-8입니다. 이론적으로는 (meta 태그를 통해) 명시적으로 인코딩을 설정하지 않아도 됩니다. 브라우저가 이해해야 합니다. 실제로는 그렇게 하지 않는 것을 권장합니다. 인코딩이 엉망이 되어 러시아어 텍스트 대신 알아볼 수 없는 문자가 표시될 수 있습니다.

HTML5에서는 인코딩이 단순화된 형태로 설정됩니다:

이전에는 인코딩을 다음과 같이 설정했습니다 (현재는 이렇게 하지 마세요. 구식입니다. 오래된 교재에서 마주칠 수 있습니다):

문서 설명

문서의 메타 설명은 검색 엔진을 위한 것으로, 페이지에 대한 간략한 설명이 있어야 합니다. 특정 조건에서 검색 엔진은 이 설명으로부터 페이지의 스니펫을 만들 수 있습니다. 스니펫은 검색 시 사이트 페이지에 대한 짧은 설명입니다. 따라서 페이지의 메타 설명은 검색 결과에서 페이지 스니펫으로 표시되길 원하는 대로 작성해야 하며 사이트의 각 페이지마다 고유해야 합니다.

다음과 같이 사용해야 합니다:

문서 키워드

메타 keywords(키워드)는 검색 엔진을 위한 것으로, 페이지를 검색할 가장 중요한 단어를 나타내기 위한 것입니다. 현재는 웹 마스터들의 남용으로 인해 검색 엔진들은 이 메타 태그에 중요성을 두지 않습니다.

다음과 같이 사용해야 합니다 (키워드 및 구문은 쉼표로 구분하여 나열합니다):

리디렉션(다른 페이지로 이동)

특정 페이지에 접속했을 때 사용자가 자동으로 다른 페이지로 이동되도록 할 수 있습니다 (예: 페이지가 이전된 경우). 다음과 같이 사용합니다 (5는 리디렉션이 발생하기까지의 초 단위 시간입니다):

더 많은 예시

더 많은 예시는 이 링크에서 찾을 수 있습니다.

가능한 속성

속성	설명
name	메타 태그의 이름. 이 이름을 가진 메타 태그의 값은 content 속성에 의해 설정됩니다.
http-equiv	HTTP 헤더를 설정하여 브라우저로 보낼 수 있게 합니다. 헤더 이름을 설정합니다. 헤더 값은 content 속성에 의해 설정됩니다.
content	name 속성 또는 http-equiv 속성으로 설정된 속성의 값을 설정합니다.
charset	문서의 인코딩을 설정합니다. 현재 표준은 utf-8입니다.