Paano idagdag ang website icon sa HTML

Matututunan kung paano idagdag ang website icon (Favicon) sa HTML.

Paano idagdag ang website icon sa HTML

Ang website icon (favicon) ay isang maliit na image na magpakita sa tab ng browser kasunod ng title ng pahina.

Maaari kang gamitin anumang imaheng gustong gamitin bilang website icon. Maaari mo rin gumawa ng iyong sariling website icon sa mga website tulad ng https://favicon.cc.

Mga tip:Ang website icon ay isang maliit na image, kaya't dapat itong maging isang simple image na may mataas na kontraste.

Ang website icon na image ay magpakita sa kaliwa ng title ng pahina sa tab ng browser, tulad ng nasusulatan:

តំណាងរូបត្រាវើតហ្វេម

Para idagdag ang iyong website icon sa iyong website, i-save ang iyong image ng website icon sa root directory ng web server, o gumawa ng isang folder na tinatawag na images at i-save ang iyong image ng website icon dito. Ang pangkaraniwang pangalan ng image ng website icon ay "favicon.ico".

Kasunod, magdagdag ng <title> Magdagdag ng isang <link> Elemento, tulad ng nasusulatan:

<!DOCTYPE html>
<html>
<head>
  <title>My Page Title</title>
  <link rel="icon" type="image/x-icon" href="/images/favicon.ico">
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>

Subukan ka nang personal

Ngayon, i-save ang "index.html" na file at i-load muli ito sa browser. Ang iyong browser tab ay dapat na magpakita ng iyong website icon sa kaliwa ng title ng pahina.