Главни проблем у вези са иконама ХТМЛ страница је тај што оне често нису правилно оптимизоване за веб употребу. Ово може довести до спорог времена учитавања, јер прегледач мора да преузме целу датотеку иконе пре него што може да се прикаже. Поред тога, ако је икона превелика или у неподржаном формату, можда се неће правилно приказати на свим прегледачима и уређајима. Коначно, ако икона ХТМЛ странице није правилно оптимизована за стандарде приступачности, корисницима са инвалидитетом може бити тешко или немогуће да приступе њеном садржају.
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
1. Ова линија кода ствара везу до спољног ресурса, конкретно датотеке икона.
2. Атрибут “рел” специфицира однос између тренутног документа и повезаног ресурса, у овом случају “икона пречице”.
3. Атрибут “хреф” специфицира локацију повезаног ресурса, а то је датотека под називом “фавицон.ицо”.
4. Атрибут “типе” специфицира тип медија на који се повезује, а то је слика са форматом к-иконе.
Шта је икона странице
Икона странице у ХТМЛ-у је слика која се користи за представљање веб странице или веб странице. Обично се приказује на картици претраживача, адресној траци и листи обележивача. Иконе страница се такође називају фавикони, што значи „омиљена икона“. Обично су мале (16×16 пиксела) и могу бити статичне или анимиране.
Разлика између фавикона и иконе
Фавицон је мала икона која се појављује на картици претраживача на веб локацији. Обично се користи за представљање веб локације или бренда и може се видети у адресној траци, обележивачима и картицама. Икона је слика која се користи за представљање акције или идеје. Иконе се често користе као графички прикази ставки менија, дугмади и веза унутар веб локације или апликације.
Како додати икону картице претраживача за веб локацију
Додавање иконе картице претраживача за веб локацију у ХТМЛ-у је једноставан процес. Све што треба да урадите је да додате следећи код у одељак вашег ХТМЛ документа:
Замените [патх/филенаме.ектенсион] путањом и именом датотеке ваше слике иконе и замените [филетипе] типом датотеке ваше слике (нпр. пнг, јпг, итд.). На пример:
Овај код ће приказати икону на картици прегледача за вашу веб локацију када је посете корисници.
