์น์ฌ์ดํธ ๊ฐ๋ฐ์ ํ๋ค๋ณด๋ฉด ์๋ ๊ทธ๋ฆผ๊ณผ ๊ฐ์ ์ํฉ์ ํ์ธํ๋ค.
GET http://localhost:port/favicon.ico 404 (Not Found)
๊ฐ๋ฐํ๊ณ ์ฌ์ฉํ๋๋ฐ ๋ฌธ์ ๋ ์์ง๋ง 404 ์ฝ๋๋ ์ต๋ํ ๋ง์ฃผ์น์ง ์๋ ๊ฒ์ด ์ข๊ธฐ ๋๋ฌธ์ (์ด์ ๋ ์ถ๊ฐ ๊ณต๋ถํด๋ณผ ์์ !) ํด๊ฒฐํด๋ณด๊ธฐ๋ก ํ๋ค!
๋ธ๋ผ์ฐ์ ์ ํญ์ ์ฌ์ดํธ๋ฅผ ๋ํ๋ด๋ ์์ด์ฝ์ ๋งํ๋ค.
์๋ ์บก์ณ์ฒ๋ผ ๊ธฐ๋ณธ ์์ด์ฝ์ ์ง๊ตฌ๋ชจ์์ด๊ณ , ๋ค์ด๋ฒ๋ ํ์ฌ์ ๋ก๊ณ ๊ฐ ๋ค์ด๊ฐ ์๋ค.
ํ๋น์ฝ์ ์ค์ ํ ๋๋ ๋ค์๊ณผ ๊ฐ์ ์ฝ๋๋ฅผ ์ฌ์ฉํ๋ฉด ๋๋ค.
<link rel="shortcut icon" href="http://www.example.com/myicon.ico"/>
๋๋
<link rel="shortcut icon" href="/somepath/myicon.ico"/>
ํ๋น์ฝ ์ค์ ๋ฐฉ๋ฒ์ ๋ฐ๋ผ์ ํด๊ฒฐํด๋ณด์.
<link rel="shortcut icon" href="#">
์์ ์ฝ๋๋ฅผ <head></head>
ํ๊ทธ ์์ ๋ฃ์ด์ ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ๋ค.
์ถ๊ฐ๋ก ์๋ฃ๋ฅผ ์ฐพ์๋ณด๋ค๋ณด๋ ๋ช๊ฐ์ง ๋ฐฉ๋ฒ์ด ๋ ์์๋ค.
<link rel="shortcut icon" href="">
<link rel="icon" href="data:;base64,iVBORw0KGgo=">
<link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon">
์๋ฐ ๊ฐ์ ๊ฒฝ์ฐ ๋งํฌ ์์ฑ์ "#"๋ง ๋ฃ์ผ๋ฉด ์ปจํธ๋กค๋ฌ๊ฐ ์ค๋ณต ํธ์ถ๋๋ ๋ฌธ์ ๊ฐ ๋ฐ์ํ๋ค๊ณ ํ๋ค. ๊ทธ๋์ <link rel="icon" href="data:;base64,iVBORw0KGgo=">
์ฝ๋๋ก ์์ ํ์ฌ ๋ฌธ์ ๋ฅผ ๋ค์ ํด๊ฒฐํ๋ค.