-
HTML5 META 태그Programming/HTML5 - CSS3 2017. 7. 9. 16:04반응형
META 태그
어떠한 데이터가 있으면 그것을 설명하는 데이터를 meta 데이터라 부른다
이 HTML문서에서 핵심 키워드, 만든이, 문자셋(ex:"UTF-8"), 어떤 것을 사용하는가 등을 담고 있는 태그이다.
<meta 속성명="" />123456789101112131415<html><head><meta charset="utf-8" /> <!-- utf-8로 저장된 문서 입니다 라고 표기 웹브라우저는 utf-8에 의해서 해석해서 표현해주게 됨생략 했을 경우 웹 브라우저는 이 웹페이지가 어떤 방식으로 저장되어 있는지 알 수 없어서 기본적으로 자기가해석하도록 약속되어 있는 방식으로 화면을 표시하기 때문에 브라우저에 따라 utf-8이 아닐수도 있다(화면깨짐 발생) --><meta name="description" content="메타태그를 설명하는 웹페이지" /><meta name="keywords" content="meta,tag,metatag" /><meta name="author" content="chan" /><meta http-equiv="refresh" content="30;URL=http://www.naver.com/" /></head><body>이 웹 페이지는 메타 태그를 소개하는 웹 페이지 입니다.</body></html>cs
<meta name="keywords" content="meta,tag,metatag" />
<meta name="description" content="메타태그를 설명하는 웹페이지" />
위의 정보는 웹 페이지상에서는 표시되지 않으나 이 웹 페이지에 대한 어떠한 요약된 자료로 사용될 수도 있고 그게 어떻게 사용이 될지는 모른다 사용하는 쪽 마음이다.
만약 메타태그를 설명하는 웹 페이지를 만든다고 하면 이 웹 페이지에 대한 설명 '메타태그를 설명하는 웹 페이지"를 description 메타 태그에 담고 현재 웹페이지의 키워드인 meta, tag, metatag 를 keywords 메타 태그에 담는다.
검색 엔진이 웹 문서를 검색할 때는 "description", "keywords" 메타 태그를 통해 검색하는 경우가 있다.
검색 엔진에서 검색할 내용을 입력하면 검색 엔진에서는 입력한 검색어와 같은 단어가 "description","keywords" 메타 태그 내에 포함되어 있는 문서를 찾아내 검색 결과를 보여준다.
<meta name="author" content="chan" />
간단하게 말하면 작성자는 누구인가 하는 설명을 담고 있다
<meta http-equiv="refresh" content="30;URL=http://www.naver.com/" />
위의 메타 태그는 새로고침을 해주는 태그. 기존 F5로 하는 새로고침은 현재 페이지를 다시 불러오는 것이라면
refresh를 이용하면 시간과 동시에 이동하게 될 페이지나 파일의 URL까지 정해줄 수 있다.
여기서는 30초 뒤에 네이버로 자동 새로고침하겠다 라는 의미입니다.
'Programming > HTML5 - CSS3' 카테고리의 다른 글
검색 엔진 (0) 2017.07.11 HTML5 시맨틱(Semantic) 태그 (0) 2017.07.09 HTML5 UPLOAD (0) 2017.07.08 HTML5 FORM 태그 (0) 2017.07.07 HTML5 테이블 태그 <table>, <td>, <tr>, <thead>, <tbody>, <tfoot> (0) 2017.07.07