01. <meta>태그란?
<meta>태그는 HTML 문서에 대한 메타 데이터를 제공하는데 메타 데이터(metadata)는 '데이터에 대한 구조화된 데이터'라고도 표현할 수 있습니다.
일반적으로 <head>태그 내에서 사용하며, 반드시 서술해야 하는 내용은 아닙니다.
HTML 문서에서는 페이지에 대한 설명, 키워드, 문서의 작성자, 문자 셋 등의 정보를 표시하는 역할을 합니다.
02. <meta>태그의 사용 모습
1 2 3 4 5 6 7 8 9 10 11 12 13 | <!DOCTYPE html> <html> <head> <title>meta태그 <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="description" content=""> <meta name="viewport" content="width=device-width"> </head> <body> </body> </html> | cs |
03. <meta>태그에서 사용하는 속성
1) 검색 엔진에 대한 키워드 정의
<meta name="keywords" content="키워드, 나열">
* 브라우저에서 키워드로 검색시 content에 입력한 단어 제공
2) 페이지 작성자 정의
<meta name="author" content="작성자명">
3) 페이지 설명 정의
<meta name="description" content="설명">
4) 저작 툴 표시
<meta name="generator" content="저작 툴 이름">
5) 인코딩 방식 선언
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
* 위과 같이 작성 시 페이지의 문자 셋이 utf-8으로 설정됨
6) 대체 스타일시트 선언
<meta http-equiv="default-style" content="문서의 기본 스타일시트">
* 사용할 기본 스타일시트를 지정함
7) 문서의 새로 고침 주기 설정
<meta http-equiv="refresh" content="지연 시간" url="이동할 페이지 주소">
* 예를 들어 지연 시간을 5라고 입력하면 5초 후 정해진 페이지로 이동
8) 문자 셋 선언
<meta charset="utf-8">
* utf-8 : 전세계 모든 문자의 표현이 가능한 유니코드(Unicode)
euc-kr : 영문과 한글의 표기가 가능
6. 목록을 만드는 태그 <ul>, <ol>, <dl> (0) | 2017.01.11 |
---|---|
5. 문단 정렬 태그 (0) | 2017.01.09 |
4. 제목을 나타내는 태그 <h1>~<h6> (0) | 2017.01.08 |
3. 시맨틱 요소와 시맨틱 웹 (0) | 2017.01.07 |
1. HTML 문서의 기본 구조 (0) | 2017.01.03 |
댓글,