HTML-meta tag
컴퓨터/HTML&CSS
728x90
반응형
※ 주의 !
이 글은 개인 공부 목적으로 많은 오류가 있을 수 있습니다.
문제가 있다면 말씀 부탁 드리겠습니다.
안녕하세요 Gon입니다.
지난 글들에서 HTML의 구조를 만들어주는 Tag인
<html></html> <head></head> <body><body>
에 대해서 알아봤습니다.
그 중 <head></head> tag는 웹페이지의 기본 정보들을 설정하는 영역의 구조를 지정해주는 tag 입니다.
이제 그 안에 웹페이지의 기본적인 정보를 정의하는 tag가 바로 <meta> tag입니다.
그래서 아주 중요한 tag로 사용빈도가 거의 100%에 가까운 tag입니다.
웹페이지의 문자 출력의 구성을 정의해주고 그 웹페이지의 키워드,설명등을 정의하여 우리가 사용하는 검색엔진들에서 노출될 수 있도록 도와줍니다.
meta tag 와 그 안의 속성은 다음과 같습니다.
<html>
<head>
<meta charset="UTF-8"> <!-- charset 속성 : 이 html문서의 문자 셋팅을 정의 한다 -->
<meta name="description" content="description의 내용을 정의합니다">
<meta name="keywords" content="keyword의 내용을 정의합니다">
<meta name="author" content="author의 내용을 정의합니다.">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- viewport : 사용자가 들어오는 장치(핸드폰,노트북등)에 따라 보여지는 것을 다를게 합니다.-->
</head>
<body>
</body>
</html>
meta는 이런 기능들을 한다만 기억하고 있으면 좋을 것 같습니다.
감사합니다.
Gon
728x90
반응형
'컴퓨터 > HTML&CSS' 카테고리의 다른 글
| HTML - <h1> to <h6> Tags (0) | 2020.12.02 |
|---|---|
| HTML - div tag (0) | 2020.11.30 |
| HTML - 잠깐, 작성한 코드를 직접 보는 방법 (0) | 2020.11.26 |
| HTML-title (0) | 2020.11.25 |
| HTML - Tag Rank (0) | 2020.11.24 |
Commnet