ํ•ด๋ฒ„๋‹ˆ 2023. 12. 27. 14:04
๋ฐ˜์‘ํ˜•

 

title

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>๋ง๊ณ </title>
    <link href='https://spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css' rel='stylesheet' type='text/css'>
</head>

 

head ์•ˆ์—์„œ ํ•„์ˆ˜์ ์œผ๋กœ ์ ์–ด์•ผ ํ•˜๋Š” ๊ฒƒ ์ค‘ ํ•˜๋‚˜์ด๋‹ค. 

๊ทธ๋ฆฌ๊ณ  ๊ฒ€์ƒ‰ ์ตœ์ ํ™”์˜ ํฐ ์—ญํ• ์„ ํ•˜๊ณ  ์žˆ๋‹ค. 

 

 

title์„ ์ž˜ ์“ฐ๋Š” ๋ฐฉ๋ฒ• (Search Engine Optimization)

โ‘  ํ‚ค์›Œ๋“œ ๋‹จ์ˆœ ๋‚˜์—ด์€ ๋น„์ถ”ํ•œ๋‹ค.

โ‘ก ๊ฐ๊ฐ์˜ ํŽ˜์ด์ง€๋งˆ๋‹ค ๋งž๋Š” ํƒ€์ดํ‹€์„ ๋ณ€๊ฒฝํ•ด์ฃผ๋Š” ๊ฒŒ ์ข‹๋‹ค. 

โ‘ข ์•Œ์ž˜๋”ฑ๊น”์„ผํ•˜๊ฒŒ~

 

 


 

link

css ์Šคํƒ€์ผ์‹œํŠธ๋ฅผ ์ฒจ๋ถ€ํ•˜๋Š” ํƒœ๊ทธ์ด๋‹ค.

Visual Code์—์„œ link:css๋ฅผ ์ž…๋ ฅํ•œ ๋‹ค์Œ Tab ๋ฒ„ํŠผ์„ ๋ˆ„๋ฅด๋ฉด ์ž๋™ ์™„์„ฑ์œผ๋กœ ๋ฌธ์žฅ์ด ์ƒ์„ฑ๋œ๋‹ค.

ํฐํŠธ๋ฅผ ๊ฐ€์ ธ์˜ฌ ๋•Œ๋„ link ํƒœ๊ทธ๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค. 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>๋ง๊ณ </title>
    <link href='https://spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css' rel='stylesheet' type='text/css'>
</head>
<body>

    <p style="font-family: 'Spoqa Han Sans Neo', 'sans-serif';">ํ•˜์ด</p>

</body>
</html>

 

 


 

script 

<script>์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฝ”๋“œ</script>
<script src="๊ฒฝ๋กœ"></script>

 

html ๋ฌธ์„œ ๋‚ด์— JavaScript ํŒŒ์ผ์„ ์ฒจ๋ถ€ํ•  ๋•Œ ์‚ฌ์šฉํ•œ๋‹ค. 

 

script๋Š” ์™œ head์— ์•ˆ ์“ฐ๊ณ  ๋งˆ์ง€๋ง‰ ๋ถ€๋ถ„์— ์ž‘์„ฑํ•˜๋‚˜์š”?

โ‘  ์„ฑ๋Šฅ ํ–ฅ์ƒ

HTML ๋ฌธ์„œ๊ฐ€ ๋กœ๋“œ๋  ๋•Œ, ๋ธŒ๋ผ์šฐ์ €๋Š” ๋จผ์ € ๋ฌธ์„œ์˜ ๊ตฌ์กฐ๋ฅผ ํŒŒ์‹ฑํ•˜๊ณ  ๋ Œ๋”๋ง์„ ์‹œ์ž‘ํ•œ๋‹ค.

์˜ˆ๋ฅผ ๋“ค์–ด link๋ฅผ ๋งŒ๋‚˜๋ฉด ์š”์ฒญ์„ ํ•œ ํ›„ ๋ฐ›์„ ๋•Œ๊นŒ์ง€ ๊ธฐ๋‹ค๋ฆฌ์ง€ ์•Š๊ณ , ์ผ๋‹จ HTML ๋ฌธ์„œ๋ฅผ ์ฝ๋Š”๋‹ค.

ํ•˜์ง€๋งŒ script๋ฅผ ๋งŒ๋‚˜๋ฉด ์‹คํ–‰์„ ๋ฉˆ์ถ”๊ณ  ์Šคํฌ๋ฆฝํŠธ๋ฅผ ์‹คํ–‰ ํ•œ ํ›„ ๋‹ค์‹œ ๋ Œ๋”๋ง์„ ์ง„ํ–‰ํ•œ๋‹ค.

๊ทธ๋ž˜์„œ script ํƒœ๊ทธ๊ฐ€ ๋งŽ์œผ๋ฉด ๋ Œ๋”๋ง์ด ์ง€์—ฐ๋˜์–ด ๋Š๋ฆฌ๊ฒŒ ๋Š๊ปด์งˆ ์ˆ˜ ์žˆ๋‹ค.

 

โ‘ก DOM ์ ‘๊ทผ์„ฑ

๋งˆ์ง€๋ง‰์— ์ž‘์„ฑํ•˜๋ฉด, HTML ๋ฌธ์„œ์˜ ๊ตฌ์กฐ๊ฐ€ ์™„์ „ํžˆ ํŒŒ์‹ฑ๋œ ํ›„์— ์Šคํฌ๋ฆฝํŠธ๊ฐ€ ์‹คํ–‰๋˜๋ฏ€๋กœ dom์— ๋Œ€ํ•œ ์ ‘๊ทผ์ด ๋” ์šฉ์ดํ•ด์ง„๋‹ค.

 

โ‘ข  ๋ถ„๋ฆฌ์„ฑ

HTML ๋ฌธ์„œ์˜ ๊ฐ€๋…์„ฑ๊ณผ ์œ ์ง€๋ณด์ˆ˜์„ฑ์ด ํ–ฅ์ƒ

๋˜ํ•œ HTML ๋ฌธ์„œ์™€ SCRIPT๋ฅผ ๊ฐ๊ฐ ๋‹ค๋ฅธ ํŒŒ์ผ๋กœ ์ €์žฅํ•˜์—ฌ ๊ด€๋ฆฌํ•  ์ˆ˜๋„ ์žˆ๋‹ค.

 

 

๋ฐ˜์‘ํ˜•