[HTML5] <meta> 태그


<meta>

cf.) <head> 태그란?

<head> 태그는 문서를 설명하는 태그들이 위치하는 태그다. <body> 태그가 웹페이지가 담아내려는 정보 그 자체라면 head 태그는 body 태그의 정보를 설명하는 메타 정보라고 할 수 있다.


1. Meta란?

문서에 대한 정보를 기술하는 태그


2. 문법(Syntax)

<meta name="" content="" />//어떠한 contents를 담는 것이 아니라 속성을 통해 정보를 표현하는 형식이다.

<meta http-equiv="" content="" />//눈에 보이는 요소가 아니라 문서자체를 설명하는 요소


3. 예제(Example)

example1.html 

<!DOCTYPE html>

<html>

    <head>

        <meta name="description" content="생활코딩은 일반인에게 프로그래밍을 알려주는 온라인 수업" />

        <meta name="keywords" content="생활코딩, HTML, HEAD, META" />

// 검색 엔진에서 중요하게 사용

        <meta http-equiv="Content-Type" content="text/html;charset=utf-8" >//개발자 작성한 문자 코드와 일치해야 한다.

// 속성의 값이 중요하다(정해진 것이 많다.) --> 고정적이다.

    </head>

</html>


example2.html - 2초 후에 opentutorials.org로 페이지를 이동함 

<!DOCTYPE html>

<html>

    <head>

        <meta http-equiv="refresh" content="2;url=http://opentutorials.org/">

    </head>

</html>


'WebFont-end > HTML5' 카테고리의 다른 글

[HTML5] <form> 태그 1  (0) 2014.12.20
[HTML5] 아이프레임과 프레임  (0) 2014.12.20
[HTML5] 이스케이핑  (0) 2014.12.20
[HTML5] URL  (0) 2014.12.20
[HTML5] HTML5 시멘틱 구조 태그  (0) 2014.12.20