- 메타 요소를 지정하면 HTML 파일에 정보를 부여할 수 있음.
* 메타 정보
- HTML 파일 안에는 메타 정보라는, 화면에는 표시되지 않는 정보를 심어 넣을 수 있음.
- 메타 정보에는 웹 페이지 언어의 종류 등을 저장하는데, 이는 웹 브라우저나 검색 엔진용 정보로 이용됨.
* meta 태그
- meta 태그는 메타 정보를 지정하기 위한 태그.
- 속성의 종류에 따라 HTML 문서의 내용이나 문자 코드, 검색 엔진용 키워드 등을 지정할 수 있음.
- meta 요소는 해더(<head>...</head>)안에 작성함.
- name 속성을 지정하면 작성자의 정보나 키워드 같은 문서 정보를 심어 넣을 수 있음.
- http-equiv 속성을 지정하면 언어나 스타일 같은 정보를 심어 넣을 수 있음.
...
<head>
<meta name="author" content="유미나">
<meta http-equiv="content-language" content="kr">
<title>유미나의 홈페이지</title>
</head>
...
* 메타 정보의 종류
- 작성자의 정보를 지정하려면 name 속성에 author를 지정해야 함.
- content 속성에는 작성자의 이름을 지정함.
<meta name="author" content="유미나">
- 검색 엔진에 대한 키워드를 지정하려면 name 속성에 keywords를 지정해야 함.
- content 속성에는 키워드의 값을 지정함.
<meta name="keywords" content="성안당, 그림책, C언어, 설명">
- http-equiv 속성에 content-language를 지정하면 해당 페이지에서 기본이 되는 언어를 정할 수 있음
<meta http-equiv="content-language" content="kr">
- 웹 페이지의 문자 인코딩 형식(UTF-8이나 EUC-KR 등)을 지정하는 경우에는 http-equiv 속성에 content-type를 지정함.
<meta http-equiv="default-style" content="example">
- 일정 시간이 지나면 다른 페이지로 이동시키는 일도 가능함.
- http-equiv 속성과 refresh, content 속성에 초 수와 이동할 페이지를 지정하면 지정한 초 수 후에 다른 페이지로 이동됨.
<meta http-equiv="refresh" content="10;http://www.cyber.co.kr">
내용 출처 : HTML5가 보이는 그림책 (ANK Co., Ltd 저, 성안당)
'Programming > HTML5' 카테고리의 다른 글
| HTML5의 특징 (0) | 2017.05.19 |
|---|---|
| HTML5란? (0) | 2017.05.19 |
| HTTP 리스폰스 헤더 (0) | 2017.05.18 |
| XHTML (0) | 2017.05.17 |
| 요소의 지정 (0) | 2017.05.17 |
| 폼 (Form) (0) | 2017.05.17 |
| table 태그 (0) | 2017.05.17 |
| 기본 태그 (0) | 2017.05.17 |
