반응형
META 태그란?
<meta> 태그는 HTML <head> 안에 포함되는 태그입니다. 웹페이지의 메타데이터를 선언하는 역할을 합니다.
예시
<head>
<meta charset="UTF-8">
<meta name="description" content="내용">
<meta name="keywords" content="키워드1, 키워드2">
<meta name="robots" content="index, follow">
<meta name="author" content="40's programmer">
</head>
- <meta>태그는 <head> </head> 태그 사이에만 존재할 수 있는 태그입니다
- 메타데이터가 하나 이상이라면 <meta>태그를 여러번 사용할 수 있어요
<meta> 태그의 속성
- name, contect : 메타데이터의 이름과 내용을 적습니다. name의 종류는 "description", "keywords", "author", "robots" 등이 있습니다. 이 모든 메타데이터는 검색엔진이 내 웹페이지를 잘 검색할 수 있도록 도와줍니다.
- description : 웹페이지의 주제와 요약 내용을 적습니다
- keywords : 웹페이지가 어떤 키워드를 담고 있는지 적습니다
- author : 웹페이지를 만든 사람 이름을 적습니다
- robots : 검색 엔진 크롤러에게 색인 여부와 방식을 알려줍니다. index, follow라고 적으면 크롤러가 웹페이지 목차를 색인화하고 링크를 따라갑니다.
- charset : 웹페이지 문자 인코딩 방식을 말합니다. 한글은 유니코드이기 때문에 UTF-8 이란 인코딩 방식으로 선언했습니다
반응형
'HTML' 카테고리의 다른 글
| HTML Label 태그, input 태그와 함께 다니는 최적 조합 (0) | 2023.06.03 |
|---|---|
| 인터랙티브 웹페이지 구현을 위한 HTML Input 태그의 활용 (0) | 2023.06.02 |
| 웹페이지의 메타데이터와 스타일을 정의하는 HTML <head> 태그 (0) | 2023.06.01 |
| HTML의 시작 태그, 코딩의 스타트 <html> 태그의 역할과 사용법 (0) | 2023.05.31 |
| 웹 페이지 구성을 위한 HTML <section> 태그 (0) | 2023.05.31 |
