1. meta 태그
• HTML 문서에 대한 메타데이터를 정의한다
• 메타데이터란 데이터에 대한 데이터, 즉 '정보'를 의미한다
• meta 태그는 항상 head 태그의 안에 들어가며, 일반적으로 문자 세트, 페이지 설명, 키워드,
문서의 작성자 및 뷰포트 설정을 지정하는 데 사용된다
• meta 태그를 사용하는 이유는?
→ 웹페이지에 대한 정보를 제공하므로 검색엔진이 페이지를 검색할 때 참고할 수 있고,
검색 결과에도 반영할 수 있다
2. meta 태그가 제공하는 메타데이터의 유형&속성
• charset : 문자세트
• http-equiv : 콘텐츠 속성 정보에 대한 http 헤더
• name : 문서 정보
• content : 메타데이터 내용
2-1) charset : 문자 인코딩에 대한 요약 정보를 기입하는 속성
2-2) http-equiv : 콘텐츠 속성의 정보/값에 대한 HTTP 헤더를 제공
2-3) name, content : name 속성을 이름으로, content 속성을 값으로 하여 문서 정보를 이름+값
쌍의 형태로 제공
* HTTP란 인터넷에서 데이터를 주고 받을 수 있는 프로토콜
3. 실습
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="IE=edge">
<meta name="author" content="박찬영">
<meta name="keywords" content="메타태그, 학습, 코딩교육">
<meta name="description" content="메타태그를 추가하는 방법">
<title>메타태그 추가하기</title>
</head>
<body>
<h1>메타태그 추가하기</h1>
</body>
</html>
블로그 이전했습니다 -> https://young-code.tistory.com