Head ํ๊ทธ
<head>ํ๊ทธ๋ ๋ฌธ์์ ๋ณด(๋ฉํ๋ฐ์ดํฐ)๋ฅผ ๋ด๊ณ ์์
๋ธ๋ผ์ฐ์ ํ๋ฉด์ ์ง์ ์ ์ผ๋ก ๋ณด์ด์ง๋ ์์ง๋ง, ์จ์ ๋ฐ์ดํฐ๋ฅผ ์ ์ํ๋ ํ๊ทธ๋ค์ด ๋ค์ด๊ฐ ์์
head ์์ ๋ฐฐ์นํ ์ ์๋ ์์
- <title>
- ๋ธ๋ผ์ฐ์ ์ ์ ๋ชฉ ํ์ ์ค์ด๋ ํ์ด์ง ํญ์ ๋ณด์ด๋ ๋ฌธ์ ์ ๋ชฉ์ ์ ์, ํ ์คํธ๋ง ํฌํจ ๊ฐ๋ฅ
<title>NAVER</title>
- <base>
- ๋ฌธ์ ์์ ๋ชจ๋ ์๋ URL์ ์ง์ , ๋ฌธ์์๋ ํ๋์ <base>์์๋ง ์กด์ฌ ๊ฐ๋ฅ
<base href="/assets/images/" />
- <link>
- ์์๋ ํ์ฌ ๋ฌธ์์ ์ธ๋ถ ๋ฆฌ์์ค์ ๊ด๊ณ ๋ช ์, <link>๋ ์คํ์ผ ์ํธ๋ฅผ ์ฐ๊ฒฐํ ๋ ์ ์ผ ๋ง์ด ์ฌ์ฉํ์ง๋ง, ์ฌ์ดํธ ์์ด์ฝ(”ํ๋น์ฝ”๊ณผ ํ ํ๋ฉด ์์ด์ฝ)์ฐ๊ฒฐ ๋ฑ ์ฌ๋ฌ๊ฐ์ง๋ก ์ฐ์ผ ์ ์์
<!-- ํ๋น์ฝ ์ค์ -->
<link rel="shortcut icon" href="./favicon.ico" />
<!-- Style ์ํธ ์ฐ๊ฒฐ -->
<link href="/style.css" rel="stylesheet">
https://favicon.io/favicon-generator/
Favicon.io - The Ultimate Favicon Generator (Free)
With Favicon.io you can quickly generate a favicon for your website for free!
favicon.io
- <style>
- ์คํ์ผ ๊ท์น์ ๋ด๊ณ ์์ผ
<style>
.title{
color: blue;
}
</style>
- <meta>
- <base> <link> <script> <style> <title> ๊ณผ ๊ฐ์ ๋ค๋ฅธ ๋ฉํ๊ด๋ จ ์์๋ก ๋ํ๋ผ ์ ์๋ ๋ฉํ๋ฐ์ดํฐ๋ฅผ ๋ํ๋
<meta property="og:image" content="https://example.com/image.jpg">
- <script>
- ๋ฐ์ดํฐ๋ ์๋ฐ์คํฌ๋ฆฝํธ ์ฝ๋๋ฅผ ์น ๋ฌธ์์ ํฌํจํ ๋ ์ฌ์ฉ
<script src="javascript.js"></script>
์คํ๊ทธ๋ํ Open Graph
์ฝํ ์ธ ์ ์์ฝ๋ด์ฉ์ด SNS์ ๊ฒ์๋๋๋ฐ ์ต์ ํ๋ ๋ฐ์ดํฐ๋ฅผ ๊ฐ์ง๊ณ ๊ฐ ์ ์๋๋ก ์ค์
๊ธฐ๋ณธ์ ์ผ๋ก ์น์ ์ค์ ํด์ผํ๋ og๋ฉํ ํ๊ทธ
<meta property="og: type" content="website">
<meta property="og: url" content="https://example.com/page.html">
<meta property="og: title" content="Content Title">
<meta property="og: image" content="https://example.com.image.jpg">
<meta property="og: description" content="Description Here">
<meta property="og: site_name" content="Site Name">
<meta property="og: locale" content="en_US">
<!-- ๋ค์์ ํ๊ทธ๋ ํ์๋ ์์ง๊ณ , ํฌํจํ๋ ๊ฒ์ ์ถ์ฒ -->
<meta property="og: image:width" content="1200">
<meta property="og: image:height" content="630">'ํ๋ก ํธ์๋ > HTML' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
| Form ํ๊ทธ (0) | 2022.11.18 |
|---|---|
| ์ด๋ฏธ์ง & ๋ฉํฐ๋ฏธ๋์ด ํ๊ทธ (0) | 2022.11.18 |
| Block ๋ ๋ฒจ ์์์ Inline ๋ ๋ฒจ ์์ (0) | 2022.11.18 |
| Semanticํ๊ทธ (0) | 2022.11.18 |
| Tableํ๊ทธ (0) | 2022.11.18 |