반응형
[meta 태그란?]
메타태그는 html문서의 정보를 담고 있는 element다.
meta태그 속성에는 http-equiv, name, content 3가지 속성이 있다.
- http-equiv="항목명"
웹 브라우저가 서버에 명령을 내리는 속성.
- content="정보값"
meta 정보의 내용을 지정
- name="정보 이름"
몇 개의 meta 정보의 이름을 정할 수 있으며, 지정하지 않으면 http-equiv와 같은 기능을 가짐
[기본적인 meta태그의 설정]
<!DOCTYPE html>
<html lang="ko">
<head>
<!-- 문서모드를 utf-8 로 인코딩 -->
<meta charset="utf-8">
<!-- 브라우저 문서의 호환성 지정, 최신 엔진으로 렌더링 할 수 있도록 설정 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- 모바일 접속시 디바이스 크기에 맞춘 화면 렌더링 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<!-- 홈페이지 주제 지정 -->
<meta name="subject" content="휘두루미 블로그">
<!-- SEO(검색엔진 최적화) 설정 -->
<meta name="description" content="휘두루미 티스토리 블로그 입니다.">
<meta name="keywords" content="www,web,world wide web,html,css,javascript">
<!-- 검색로봇 제어 -->
<meta name="robots" content="All">
<title>title</title>
</head>
<body>
</body>
</html>
반응형
'HTML > HTML 이론 및 기본' 카테고리의 다른 글
| [HTML] html이란? html 개념잡기 (1) | 2018.04.09 |
|---|---|
| [HTML] html의 특징과 단점 (0) | 2018.04.09 |
| [HTML] 폼태그와 입력양식 태그 (0) | 2018.04.08 |
| embed 태그 / aidio 태그 / video 태그의 사용 (1) | 2018.04.05 |
| [HTML] HTML에서의 테이블표현 (0) | 2018.04.04 |