Jak dodać Favicon do swojej witryny
Status tego dokumentu
projekt w rozwoju; może się radykalnie zmienić w dowolnym momencie.
favicon to grafika (ikona) powiązana z konkretną stroną internetową i/lub Stroną Internetową. Wiele ostatnich agentów użytkowników (takich jak przeglądarki graficzne i czytniki) wyświetla je jako wizualne przypomnienie strony internetowej w pasku adresu lub w zakładkach. Wikipedia zawiera artykuł o favicons .,
aby dodać favicon do swojej witryny, potrzebujesz zarówno obrazu, jak i amethod do określenia, że obraz ma być używany jako favicon. Thisdocument wyjaśnia metodę preferowaną przez W3C do określania faviconu. Istnieje inna popularna metoda, która jest zilustrowana poniżej, z wyjaśnieniem, dlaczego ta metoda jest niezgodna z niektórymi zasadami architektury sieci Web. Obie metody odnoszą się tylko do HTML i XHTML, jednego z ograniczeń omówionych poniżej.
ten dokument nie omawia szczegółowo, jak utworzyć faviconimage., Jednak wybrany format obrazu musi wynosić 16×16 pikseli lub 32×32 pikseli, przy użyciu kolorów 8-bitowych lub 24-bitowych. Format obrazu musi być jednym z PNG( standard aW3C), GIF lub ICO.
Metoda 1 (preferowana): użycie wartości atrybutu rel zdefiniowanego w profilu
pierwszym podejściem do określenia ikony favicon jest użycierel
wartości atrybutu „icon” i określenie, co wartość oznacza za pomocą profilu; profile są omówione bardziej szczegółowo poniżej. W tym HTML 4.,01 przykład, favicon zidentyfikowany za pomocą URI jako favicon:
wersja XHTML 1.0 wygląda bardzo podobnie:
Metoda 2 (zniechęcona): umieszczanie faviconu na predefiniowanym URI
druga metoda określania faviconu polega na użyciu zdefiniowanego URI do identyfikacji obrazu: „/ favicon”, który jest względem serwera root. Ta metoda działa, ponieważ niektóre przeglądarki zostały zaprogramowane do wyszukiwania faviconów przy użyciu tego URI., Podejście to jest zgodne z pewnymi zasadami architektury sieci Web i jest przez W3C ' s Technical Architecture Group(TAG) jako ich problem siteData-36.To podsumuj problem: architektura sieci Web upoważnia menedżerów witryn do zarządzania ich przestrzenią URI (dla danej nazwy domeny), jak widzą. Konwencje, które nie reprezentują porozumienia wspólnotowego i które ograniczają opcje dostępne dla zarządcy obiektu, nie skalują się i mogą prowadzić do konfliktu (ponieważ nie ma dobrze znanej listy tych zdefiniowanych Uri)., Jedna praktyczna Uwaga ilustruje problem:wielu użytkowników ma strony internetowe, mimo że nie mają własnej nazwy domeny. Ci użytkownicy nie mogą określić favicons za pomocą secondmethod, jeśli nie mogą pisać do głównego serwera. Mogą jednak użyć metody, aby określić ikonę favicon, ponieważ jest ona bardziej elastyczna i nie ogranicza Menedżera witryny do używania pojedynczej ikonki favicon w jednym miejscu.
w przestrzeni URI znajduje się kilka innych znanych miejsc,w tym „roboty.txt ” plik i lokalizacja privacypolicy P3P., Grupa Technical Architecture bada alternatywy, które nie wpływają na przestrzeń URI bez licencji.
wykorzystanie profili do definiowania pojęć takich jak „ikona”
luźno mówiąc, profil jest definicją zbioru danych. Idealnie, profil zawiera zarówno informacje czytelne dla maszyn, jak i informacje czytelne dla człowieka. W HTML 4.01 i XHTML 1.0 kilka atrybutów, takich jak atrybut rel
nie ma predefiniowanego zestawu wartości. Zamiast tego autor może podać wartości w zależności od potrzeb, a następnie użyć profilu, aby wyjaśnić, co oznaczają wartości., W naszym przypadku zalecamy, aby autorzy używali wartości „icon” i profilu, który wyświetla, że „kiedy mówimy ikona, mamy na myśli” to jest favicon.””
w powyższej metodzie 1 używamy atrybuturel
z linkelementem i wybieramy profil z atrybutemprofile
przypisując element HEAD.
zdefiniowaliśmy profil, z którego możesz swobodnie korzystać na własnych stronach.,
ograniczenia
istnieje kilka ograniczeń podejścia opisanego powyżej,w tym preferowana metoda (dlatego znacznik nadal działa w pytaniu):
- podejścia działają tylko w HTML lub XHTML
- preferowane podejście kojarzy favicon z dokumentem HTML,a nie zbiorem dokumentów (np. witryną)
- proponowany profil do definiowania wartości „icon” nie jest rozpoznanym standardem, co oznacza, że nie jest to standard rozpoznawany.mogą to być kwestie interoperacyjności w praktyce.
- nie ma standardu (przynajmniej zdefiniowanego przez HTML 4.,01) dla profili do odczytu maszynowego, które umożliwią przeglądarce poznanie „oznacza to, że obraz jest faviconem.”Tak więc, abrowser musi być zaprogramowany z góry, aby rozpoznać tę wartość szczegółową
rel
. Aby uzyskać więcej informacji na temat korzystania z profilów w HTML i XHTML, zobacz GRDDL.
FAVICON-WIKIPEDIA Favicon, Wikipedia, dostępna pod adresemhttp://en.wikipedia.org/wiki/Favicon . GRDDL Gleaning Resource Descriptions from Dialects of Languages, D. Hazaël-Massieux, D. Connolly, Editors, W3C Team Submission, 16 May 2005, http://www.w3.org/TeamSubmission/2005/SUBM-grddl-20050516/ ., Latest version available at http://www.w3.org/TeamSubmission/grddl/ . HTML401 HTML 4.01 Specification, D. Raggett, A. Le Hors, I. Jacobs, Editors, W3C Recommendation, 24 December 1999, http://www.w3.org/TR/1999/REC-html401-19991224 . Latest version available at http://www.w3.org/TR/html401 . SITEDATA-36 Web site metadata improving on robots.txt, w3c/p3p and favicon etc., TAG, Available at http://www.w3.org/2001/tag/issues.html#siteData-36 . XHTML1 XHTML™ 1.0 The Extensible HyperText Markup Language (Second Edition), S. Pemberton, Editor, W3C Recommendation, 1 August 2002, http://www.w3.org/TR/2002/REC-xhtml1-20020801 ., Najnowsza wersja dostępna pod adresem http://www.w3.org/TR/xhtml1 .
podziękowania
następujący uczestnicy QA Interest Group i pracownicy W3C mają znaczący wkład w treść tego dokumentu:Dominique Hazaël-Massieux (W3C), Chris Lilley (W3C), andOlivier Théreaux (W3C).