티스토리 뷰
<meta>
페이지 정의, 키워드, 작가, 마지막 수정날짜, 기타 메타데이터 등 html 문서의 메타데이터 정보를 제공하는데에 쓰임
메타데이터는 페이지상에는 보이지 않으나 웹브라우저나 검색엔진, 기타 웹서비스 등에서 파싱되어 쓰일 수 있음
메타 태그를 이용하여 뷰포트(웹페이지 상 사용자 가시 영역)를 제어할 수 있음.
1. 속성
1. name
문서의 메타데이터를 설정함
- 문서의 메타데이터는 name 속성과 content 속성의 쌍으로 표현된다.
- 대소문자 구별X, 아스키코드 대소문자구별법에 의해 비교되어야 한다.
1) application-name
페이지에 표현되는 웹 어플리케이션의 이름
<meta name="twitter:card" content="트위터 카드 종류">
<meta name="twitter:url" content="트위터카드 미디어 url">
<meta name="twitter:title" content="트위터 카드 제목">
<meta name="twitter:description" content="트위터 카드 설명">
<meta name="twitter:image" content="트위터카드 이미지경로">
2) author
페이지 저작자의 이름
<meta name="author" content="yura">
3) description
페이지의 설명
<meta name="description" content="유라님의 블로그임">
4) generator
문서를 생성하기 위해 쓰인 소프트웨어 패키지
<meta name="generator" content="Frontweaver 8.2">
5) keywords
페이지와 관련한 키워드. 콤마로 분리하여 작성한다.
<meta name="keywords" content="british,type face,font,fonts,highway,highways">
보통 스팸용으로 쓰여 유저들에게 도움이 되지 못했기 때문에, 해당 키워드들을 고려하지 않는 검색엔진도 있다.
2. http-equiv
content 속성의 값에 대한 http 헤더를 제공한다.
정의된 명령을 먼저 실행한 후에 페이지를 로딩 (pragma directive)
1) content-language
기본언어 선언.
<meta http-equiv="content-language" content="ko">
<html lang="ko"> // 권장되는 방식
2) content-type
문자 인코딩 선언
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="UTF-8"> // html5 방식
3) default-style
기본 파싱 타입을 설정한다
// meta 방식
<meta http-equiv="content-style-type" content="text/css">
<meta http-equiv="content-script-type" content="text/javascript">
// html5 방식 (디폴트값)
<style type="text/css">
<script type="text/javascript">
4) refresh
<meta http-equiv="refresh" content="300"> //300초마다 리프레쉬
<meta http-equiv="refresh" content="300;url=http://w3.org/"> //리프레쉬, 리디렉션
'HTML' 카테고리의 다른 글
| 반응형 이미지 (0) | 2017.10.10 |
|---|---|
| [HTML] <table> (0) | 2017.08.07 |
| [HTML] <input> (1) | 2017.08.07 |
댓글