meta 태그가 무엇인가요?
meta 태그의 개념
<meta> 태그는 HTML 문서의 메타 데이터(metadata)를 정의하는 데 사용되는 태그입니다. 메타 데이터는 문서에 대한 정보를 제공하며, 브라우저나 검색 엔진 등이 문서를 이해하고 처리하는 데 도움을 줍니다. <meta> 태그는 <head> 요소 내에 사용됩니다.
meta 태그의 속성
일반적으로 <meta> 태그는 다음과 같은 속성을 사용하여 메타 데이터를 지정합니다:
name: 메타 데이터의 이름을 정의합니다.content: 해당 메타 데이터의 값을 지정합니다.
가장 일반적으로 사용되는 <meta> 태그의 속성과 용도는 다음과 같습니다:
1. 문서 인코딩 설정:
<meta charset="UTF-8">: 문서의 문자 인코딩을 UTF-8로 지정합니다.
2. 문서 설명:
<meta name="description" content="문서 설명">: 문서에 대한 간단한 설명을 제공합니다. 검색 결과에 표시될 수 있습니다.
3. 검색 엔진 로봇 제어:
<meta name="robots" content="noindex, nofollow">: 검색 엔진에게 문서를 색인화하지 않도록 지시합니다.
4. 뷰포트 설정:
<meta name="viewport" content="width=device-width, initial-scale=1.0">: 모바일 기기에서 웹 페이지를 렌더링할 때 뷰포트의 초기 크기와 확대/축소 옵션을 지정합니다.
5. 저작권 정보:
<meta name="copyright" content="저작권 정보">: 문서의 저작권 정보를 제공합니다.
<meta> 태그는 메타 데이터의 종류와 목적에 따라 다양하게 사용될 수 있으며, 검색 엔진 최적화(SEO)와 웹 페이지의 사용성을 개선하는 데 도움을 줍니다.
지치지 않는 백엔드 개발자 김성주입니다 :)