1. DOCTYPE ๋
<!-- HTML5 -->
<!DOCTYPE html>
- DOCTYPE
- HTML์ด ์ด๋ค ๋ฒ์ ์ผ๋ก ์์ฑ๋์๋์ง ๋ฏธ๋ฆฌ ์ ์ธํด, ์น๋ธ๋ผ์ฐ์ ๊ฐ ๋ด์ฉ์ ์ฌ๋ฐ๋ก ํ์ํ ์ ์๋๋ก ํด์ฃผ๋ ๊ฒ
- ์ฝ๊ฒ ๋งํ์๋ฉด ๋ฌธ์ํ์์ ์ ์ํด์ฃผ๋ ๊ฒ์
2. meta ํ๊ทธ๋
- meta ํ๊ทธ
- HTML ๋ฌธ์๊ฐ ์ด๋ค ๋ด์ฉ์ ๋ด๊ณ ์๊ณ , ํค์๋๋ ๋ฌด์์ด๋ฉฐ, ๋๊ฐ ๋ง๋ค์๋์ง์ ๋ํ ์ ๋ณด๋ฅผ ๋ด๊ณ ์๋ ํ๊ทธ
https://developer.mozilla.org/ko/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML
3. meta ํ๊ทธ ์์
<meta charset="utf-8" />
- charset
- charset: ๋ฌธ์์์ ํ์ฉํ๋ ๋ฌธ์ ์งํฉ์ ๋ํด์ ๊ฐ๋จํ ํ์
- utf-8: ์ ์ธ๊ณ์ ์ธ character ์งํฉ์ผ๋ก ๋ง์ ์ธ์ด์ ๋ฌธ์๋ค์ ํฌํจ
<meta name="author" content="Chris Mills" />
<meta
name="description"
content="The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps."
/>
- name
- name: ๋ฉํ ์์๊ฐ ์ด๋ค ์ ๋ณด์ ํํ๋ฅผ ๊ฐ๊ณ ์๋์ง ์๋ ค์ค
- content: ์ค์ ๋ฉํ ๋ฐ์ดํฐ์ ์ปจํ ์ธ , ๋จธ๋ฆฟ๋ง์ ์์ฝํ๋๋ฐ ์ ์ฉ
- Q) ๊ฒ์ ์์ง ์ต์ ํ๋ฅผ ์ํด ๋ฉํ ํ๊ทธ์ ์ด๋ค ๊ฒ์ ์ฌ์ฉํ ์ ์๋๊ฐ
<head>
<meta charset="UTF-8" />
<meta name="keyword" content="HTML, meta, tag, element, reference" />
<meta name="description" content="HTML meta tag page" />
<meta name="author" content="TCPSchool" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>HTML meta tag</title>
</head>
- A) โ ๊ฒ์ ์์ง์ ์ํ ํค์๋ ์ ์
โก ์น ํ์ด์ง์ ๋ํ ์ค๋ช (description) ์ ์
โข ๋ฌธ์์ ์ ์(author) ์ ์
โฃ 5์ด ๋ค์ ๋ค๋ฅธ ํ์ด์ง๋ก ๋ฆฌ๋ค์ด๋ ํธ(redirect) ์ํค๊ธฐ
โค ๋ชจ๋ ์ฅ์น์์ ์น ์ฌ์ดํธ๊ฐ ์ ๋ณด์ด๋๋ก ๋ทฐํฌํธ(viewport) ์ค์
'Frontend ๐ > HTMLโงตCSS' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[HTML] SVG etc. (1) | 2024.07.12 |
---|---|
[HTML] ์น ํ์ค ๋ฐ ์ ๊ทผ์ฑ II - ํ ์คํธ ๊ด๋ จ ํ๊ทธ, ๊ธฐํ ํ๊ทธ, ํฌ๋ก์ค ๋ธ๋ผ์ฐ์ง etc. (0) | 2024.07.06 |
[HTML] ์น ํ์ค ๋ฐ ์ ๊ทผ์ฑ I - ์น ํ์ค, ์น ์ ๊ทผ์ฑ, ์๋ฉํฑ ํ๊ทธ etc. (0) | 2024.07.06 |
[HTML] HTML ์ฃผ์ ํ๊ทธ (0) | 2023.03.29 |