meta tag란?
<meta> 태그는 html문서가 어떤 내용을 담고 있고, 문서의 키워드는 무엇이며,
누가 만들었는지 등의 문서 자체의 특성을 담고 있습니다.
<meta> 태그는 문서의 헤더부분(<head>와 </head>사이)에 위치하여야 합니다.
<meta> 태그에서 가장 일반적으로 사용되는 속성은 name, content 속성입니다.
<meta name="subject" content="홈짱닷컴 메타태그 강좌">
<meta name="title" content="메타태그">
<meta name="authour" content="homejjang">
<meta name="keywords" content="메타태그, html, 홈페이지 제작">
meta 태그 name, content 속성값
subject, title, author, keywords 등이 있습니다.
검색엔진에게 문서의 내용을 요약해 주는 역할을 담당한다고 할 수 있습니다.
그럼 name속성값으로 keywords를 지정하고, content에 "메타태그, html, 홈페이지 제작" 이라고 지정했으니
검색엔진에서 홈페이지 제작이라고 입력하면 이 페이지가 상단에 나올까요?
검색엔진이 <meta>태그를 수집하여 참고는 합니다만,
이를 상업적으로 활용하는 홈페이지가 너무 많기 때문에 그 효과는 불분명한 실정입니다.
meta 태그 http-equiv 속성값
<meta> 태그는 위와 같이 검색엔진에게 정보를 전달할 뿐만 아니라, 웹 브라우저에게도 정보를 전달하는 역할을 합니다.
웹 브라우저에게 정보를 전달하는 대표적인 경우는 아래와 같이 2가지를 생각할 수 있습니다.
<meta http-equiv="refresh" content="5;url=http://www.homejjang.com/">홈페이지의 주소가 바뀌었을 경우에 사용하는 태그로, 5초 뒤에 url 속성값으로 지정한 페이지로 이동한다는 의미입니다.
이렇게 이동하는 것은 하이퍼링크를 눌러서 이동하는거와는 다른 의미를 갖습니다.
하이퍼링크를 누른다는 것은 한 페이지를 읽고 있다가 다른 페이지로 이동한다는 의미이지만, <meta> 태그를 이용한 페이지 이동은 http-equiv 속성값을 지정된 것과 같이 refresh 한다는 의미입니다.
즉 위와 같은 <meta> 태그가 입력된 페이지는 읽지 않은 것으로 인식하겠다는 의미입니다.
그리고 한글로 작성된 홈페이지라는 것을 웹 브라우저에게 알리기 위해서는 아래와 같이 <meta>태그를 지정해 줍니다.
<meta http-equiv="content-type" content="text/html; charset=euc-kr">이렇듯 웹 브라우저에게 정보를 전달하기 위한 <meta> 태그는 http-equiv라는 속성을 사용합니다.
'Programming Language > HTML&CSS' 카테고리의 다른 글
| font-family (0) | 2018.06.28 |
|---|---|
| XHTML (0) | 2017.12.22 |
| (스크랩)html5 table 태그에서 summary 속성 사용 시 w3c validator 오류 발생 (0) | 2017.12.12 |
| [HTML/CSS] <textArea> placeholder 안보이는 이유 (0) | 2017.11.01 |
| [HTML/CSS] div를 넘어가는 글씨 안 보이도록 처리하려면? (0) | 2017.10.28 |