메타태그
는 웹 브라우저가 웹 페이지에 대해서 필수로 알아야할 정보들을 포함한 태그 입니다.- 웹 페이지가 어떤 문서유형이고, 키워드는 무엇이며, 개발자는 누구인지 등에 대한 정보가 있다.
- 문자인코딩 및 문서 키워드에 대한 요약 정보를 나타냅니다.
- 검색엔진이 페이지에 해당하는 키워드를 입력 했을 때, 웹 페이지가 잘 나타나게
도와주는seo
최적화 작업 또한 메타 태그에 해당 합니다.
메타 태그는 대표적으로 http-equiv
name
content
charset
4가지 속성이 있습니다.
charset
속성은 HTML5 버전에서 새로이 추가 된 속성 입니다.http-equiv
content
속성의 속성 값으로 사용되었습니다.http-equiv
속성을 사용하여 문자 인코딩 방식을 명시하는 것을 여전히 허용하지만, charset
속성을 사용하면 더욱 간단하게 명시할 수 있습니다.http-equiv="항목명"
content
name=정보이름
<meta name="Keywords" content="Web, html, css" />
# 검색 엔진에 검색되는 단어를 지정합니다
<meta name="Description" content="Web, html, css" />
# 검색 결과에 표시되는 문자를 지정합니다
<meta name="Robots" content="noindex, nofollow" />
# 검색 로봇을 제어 합니다
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
# 웹 페이지에 대한 문서 인코딩 방식을 지정 합니다 ( utf-8 )
<meta http-equiv="Content-Style-Type" content="text/css;" />
# 웹 페이지에 쓰인 개발 언어를 정의 합니다.
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
# 웹 브라우저에 호환성을 지정 합니다.
<meta http-equiv="Title" content="HTML 언어로 작성한 문서 페이지" />
# 웹 페이지에 제목을 지정 합니다.
이외에도 여러 상황에 맞게 여러 속성을 사용할 수 있습니다.