본문 바로가기

HTML

meta 태그

meta 태그

html 문서의 다양한 메타 데이터를 제공한다. 브라우저에 표시는 되지 않는다.

name, content 속성은 공식표준이고, 그 안에 들어가는 value는 사용표준이다.

meta 태그는 항상 "<meta/>"닫아줘야 한다. 셀프 닫는 테그도 " />"도 가능하다.

Meta 태그는 항상 <head> </head> 태그 안에서 사용한다. 반응형 웹일때 필수적으로 사용된다.

   

주로 모바일 사이트 작업시 사용하는 메타 태그

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">

   

meta 태그의 종류

검색 엔진 키워드 정의 

<meta name="keywords" content="HTML, CSS, JavaScript" />

   

문서 설명 

<meta name="description" content="제 블로그에 오신것을 환영합니다." />

   

문서 저자 표시 

<meta name="author" content="저자" />

   

문서 자동 새로고침 30초

<meta http-equiv="refresh" content="30" />

   

자동 이동: URL 리다이렉션

<meta http-equiv="refresh" content="30;url=http://www.daum.net" />

   

문자 인코딩: 현재 페이지에 사용된 코드와 모든 문자열의 문자셋을 선언한다. 아래처럼 meta 태그를 선언해 지구상의 모든 문자열을 오류 없이 표현한다.

<meta charset="utf-8">

   

호환성 설정, 뷰포트 설정등등

   

태그 권장 선언 순서

head 안에

meta - title - style 순으로

   

[참고]

http://aboooks.tistory.com/339

   

   

'HTML' 카테고리의 다른 글

reset (스타일 초기화)  (0) 2015.04.01
viewport 설정  (0) 2015.03.31
lang 속성  (0) 2015.03.24
title, h1~h6, p 태그  (0) 2015.03.23
<!DOCTYPE html> - DTD  (0) 2015.03.22