Oct 28, 2023

HTML Favicon

Favicon (skraćeno od "favorite icon") je mala ikona koja se prikazuje u kartici web pregledača pored naslova stranice. Favicon se takođe koristi kao ikona pri označavanju web stranice ili dodavanju na početni ekran na mobilnom uređaju. Ova ikona pomaže korisnicima da brže prepoznaju i identifikuju vašu web stranicu među mnogim drugim otvorenim karticama ili oznakama na traci za brzo biranje.

Evo kako možete dodati favicon u svoju HTML stranicu:

Kako dodati Favicon:

Da biste dodali favicon, pratite ove korake:

  1. Izradite favicon ikonu: Prvo, morate kreirati favicon ikonu. Obično je veličine 16x16 piksela ili 32x32 piksela. Ikona se često čuva u formatu .ico, ali možete je sačuvati i u drugim formatima kao što su .png ili .jpg.
  2. Postavite favicon ikonu u korenu vašeg veb servera: Preporučuje se da favicon ikonu postavite u korenu vašeg veb servera tako da je dostupna svim stranicama na vašem sajtu. Na primer, možete je postaviti na adresu https://www.vaša-web-stranica.com/favicon.ico.
  3. Dodajte link ka favicon ikoni u HTML-u: U dodatku na <head> sekciju vašeg HTML dokumenta, dodajte sledeći red koji definiše link ka favicon ikoni:
<link rel="icon" href="favicon.ico" type="image/x-icon">
    

Ovaj red koristi <link> element sa atributom rel="icon" kako bi označio favicon. href atribut definiše URL do vaše favicon ikone, dok type atribut definiše tip ikone. Tip image/x-icon se često koristi za favicon ikone.


Evo primera HTML koda za dodavanje favicon ikone:

      
<!DOCTYPE html>

<html>

<head>

    <title>Moj Sajt</title>

    <link rel="icon" href="https://www.vaša-web-stranica.com/favicon.ico" type="image/x-icon">

</head>

<body>

    <!-- Vaš sadržaj stranice -->

</body>

</html>

Nakon što dodate ovaj kod u svoj HTML dokument i postavite favicon ikonu na veb server, favicon će se prikazati u kartici web pregledača svaki put kada posetioci posete vašu stranicu.

No comments:

Post a Comment