안녕하세요! 진로교육 & 진로상담을 진행하고 있는 “월횽”입니다.
오늘은 html 수업 제 3강 meta tag 종류와 모음 그리고 의미에 대해서 알아보려고 합니다.
<meta charset="UTF-8">
UTF-8은 유니코드를 위한 가변 길이 문자 인코딩 방식입니다.
UTF-8은 Universal Coded Character Set + Transformation Format – 8-bit 의 약자입니다.
<DOCTYPE html>
<html>
<head>
<meta charset=“UTF-8”>
<head>
<meta name="description" content="웹사이트 주제">
content 속성은 text 값으로 http-equiv 또는 name 속성 값을 표시한다고 생각하시면 됩니다.
<DOCTYPE html>
<html>
<head>
<meta charset=“utf-8”>
<meta name=“description” content=“월횽의 코딩수업 HTML, CSS, JAVAScript, PHP 등 제공”>
</head>
<meta name="keywords" content="주제와 맞는 태그 표기">
키워드는 SEO 검색엔진에 노출되고 싶은 키워드를 작성하는 공간이라고 생각하시면 됩니다.
개인적으로 가장 글의 주제와 흡사한 내용을 앞에서부터 작성하는데요.
본문 또는 제목과 관련없는 내용은 제외하는 것을 추천해드리는 방법입니다.
사용 방법은 아래 예시를 통해서 확인해보시죠!
<DOCTYPE html>
<html>
<head>
<meta charset=“utf-8>
<meta name=“description” content=“월횽의 코딩수업 HTML, CSS, JAVAScript, PHP 등 제공”>
<meta name=“keywords” content=“월횽, 코딩수업, html, css, JavaScript, php”>
</head>
<meta name="author" content="작성자 또는 상호명">
author 속성은 작성한 사람이라고 생각하시면 이해하기 조금 더 편안한 태그인데요.
내 블로그 닉네임 또는 내 홈페이지 닉네임 및 상호명을 작성해주시는 방법으로 진행하시면 됩니다.
그럼 아래 예시를 통해서 확인해볼까요?
<DOCTYPE html>
<html>
<head>
<meta charset=“utf-8>
<meta name=“description” content=“월횽의 코딩수업 HTML, CSS, JAVAScript, PHP 등 제공”>
<meta name=“keywords” content=“월횽, 코딩수업, html, css, JavaScript, php”>
<meta name="author" content="월횽”>
</head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
viewport 속성은 우리가 육안으로 확인하는 모바일 브라우저의 레이아웃을 설정하는 방법입니다.
모바일 브라우저를 설정해서 사용자들이 깔끔하게 볼 수 있게 만들어주는 속성이며, 더 많은 속성 태그가 있으니 꼭 찾아보면서 하시면 되겠습니다.
오늘은 이렇게 5가지의 속성에 대해서 알아봤는데요. 그럼 오늘도 꼭 복습하시고 다음 시간에 뵙겠습니다!
이전 수업 [ 다시보기 ]
'프로그래밍 > HTML' 카테고리의 다른 글
| 6강 - 단락 태그 (p tag) (0) | 2019.02.26 |
|---|---|
| 5강 - 굵은 글씨 태그 (strong tag) (0) | 2019.02.25 |
| 4강 - 제목 태그 (h1, h2, h3, h4, h5, h6) (0) | 2019.02.22 |
| 제 2강 - 메타 태그 (meta tag) 기본 (0) | 2019.02.19 |
| 제 1강 - html 기본 태그 (0) | 2019.02.18 |