[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>
출처: https://devbox.tistory.com/entry/HTML5-meta-태그?category=574553 [장인개발자를 꿈꾸는 :: 기록하는 공간]
'Web Programing > HTML5' 카테고리의 다른 글
| [HTML5] <form> 태그_GET과 POST (0) | 2020.07.06 |
|---|---|
| [HTML5] <form> 태그 2 (0) | 2020.07.06 |
| [HTML5] <form> 태그 1 (0) | 2020.07.06 |
| [HTML5] 아이프레임과 프레임 (0) | 2020.07.06 |
| [HTML5] 이스케이핑 (0) | 2020.07.06 |
| [HTML5] URL (0) | 2020.07.06 |
| [HTML5] HTML5 시멘틱 구조 태그 (0) | 2020.07.06 |
| [HTML5] DTD(Doctype) (0) | 2020.07.06 |