favicon richtig einbinden ?
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
angeben
browser
code
dank
datei
direkt aufruf
einbinden
format
gesagt unterschiedliche syntax
glauben
image
korrekten pfad
ordner
pfad
probieren
projekt
relativen pfad
type
url
verzeichnis
-
Hallo
wie baut man in den Meta-Tags das favicon richtig ein ?
so
<link rel="icon" href="favicon.ico" type="image/ico" />
oder so
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
oder wie ...
... mit rel="icon" oder mit rel="shortcut icon" ???
... mit type="image/ico" oder mit type="image/x-icon" ???
zudem die Frage:
was machen, wenn die Homepage auch Unter-Verzeichnisse hat
muss ich dann jedesmal den relativen Pfad zum favicon.ico in die Meta-Tags schreiben
(die Datei favicon.ico liegt im Hauptordner)
Beitrag zuletzt geändert: 30.3.2012 16:16:46 von gopromo -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
ehm Google erste Seite?!
http://www.google.de/#hl=de&sclient=psy-ab&q=favicon+einbinden+html&oq=favicon+ein&aq=1&aqi=g4&aql=&gs_l=hp.3.1.0l4.30l676l1l2117l4l3l0l1l1l0l94l247l3l4l0.frgbld.&pbx=1&bav=on.2,or.r_gc.r_pw.r_qf.,cf.osb&fp=e29a46318dee3e9a&biw=1366&bih=634
//EDIT
ok der DRITTE Link ist auch nicht übel xD
Beitrag zuletzt geändert: 30.3.2012 16:19:53 von lordcodex -
lordcodex schrieb:
ehm Google erste Seite?!
eeeehhhmmm ... ja genau, Google :xD
ich habe beim googeln eben mehrere verschiedene Varianten gefunden
also frag ich lieber hier mal die Community von erfahrenen Webmastern
... welche ist nun die "richtige" .... für rel= und type= ... ?
die bei Gogle gefundenen Seiten zeigen (wie gesagt) unterschiedliche Syntax
ich würd's halt gerne "richtig" machen, oder soll ich alle Varianten machen :xD
?
EDIT: Danke @trickdieb ... will das ebevtl. noch jemand bestätigen (oder bestreiten :P)
-
"richtig" ist so ne Sache, was gefällt dir nicht an einer "funktionierenden" Version die keine Nachteile birgt -.-
-
naja,
wenn es funktionieren würde, wäre ich ja zufrieden,
habe es in verschiedenen Varianten ausprobiert
(auf anderem Free-Hoster, nicht hier)
aber das favicon Bild wird im Browser (FF) nicht angezeigt
auch nicht nach Browserverlauf Alles löschen und Seite neu laden
und ja, ich habe die favicon.ico Datei hochgeladen, bei Direkt-Aufruf wird sie auch angezeigt
werde es mal hier auch mal probieren, evtl liegt es ja doch am Hoster?
Danke erstmal !
Beitrag zuletzt geändert: 30.3.2012 16:44:06 von gopromo -
Also ich benutze die von mir genannte Variante auf allen meinen Projekten und überall funktioniert es und das in allen Browsern.
Du solltest auch darauf achten unter href den korrekten Pfad anzugeben, wenn das Icon in einem Ordner liegt muss auch der Ordner angegeben werden. -
Ich kenne das auch so, wenn du das Icon in den root deines Webspaces ablegst, wird es für alle unterverzeichnisse automatisch verwendet. Alle Browser bis auf Seamonkey handhaben, das glaub so
-
Ich benutze
<link href="favicon.gif" rel="shortcut icon">
bzw.
<link href="../../favicon.gif" rel="shortcut icon">
Dies funktioniert einwandfrei auf lima-city
-
Die nach meinen Versuchen beste Variante:
<!--[if IE]<meta rel="shortcut icon" href="/favicon.ico" type="image/vnd.microsoft.ico"><![endif]--> <meta rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> <meta rel="icon" href="/favicon.gif" type="image/gif">
Shortcut-Icon gibt hierbei das Favicon an, welches in den älteren Browsern geladen werden soll,
so unterstützen ältere IE-Versionen besispielsweise nur das *.ico-Format und auch nur, wenn es so eingebunden wird.
Das vnd.microsoft.ico ist ebenfalls eine crossbrowser-Weiche für den IE.
In neueren Browsern wird über Icon dann das "bessere" Favicon geladen, wobei es sich auch um *.gif, *.png oder ähnliches handeln kann.
Beitrag zuletzt geändert: 2.4.2012 13:19:42 von anti-atomkraft -
Danke,
wenn ich href="/favicon.gif" eintrage
holt sich dann der Browser das Icon auch bei Aufruf von Unter-Verzeichnis aus?
.... dann muss ich ja den Pfad nicht für jede Ebene anpasen °?°
Das mit Browser-Weiche ist ne gute Idee, aber wenn es nur für ältere IE Browser ist,
sollte man dann in der Weiche nicht auch die Version angeben
bis zu der man dieses image/vnd.microsoft.ico braucht ?
also icht "Wenn IE" sondern ..,, "Wenn IE (kleiner Version x)"
ich glaube in so einer Browserweiche <!--[if IE] kann man "Version" angeben,
habe aber keine Ahnung wie genau das geht ... <!--[if IE<7] .... ???
-
Wie das funktioniert findet man über Google und auf folgender Seite (ebenfalls mit Google gefunden):
http://www.css4you.de/trickkiste/tr00032.html
http://de.wikipedia.org/wiki/Favicon (Weitere Informationen zu Favicons)
http://de.selfhtml.org/navigation/faq.htm#favoriten_icon (Weitere Informationen zu Favicons)
Gruß S.Brosch -
Hallo,
Wenn Du den Tag so schreibst:
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
Sollte der erstens auf allen Browsern bzw. Websaces gehen.
Wenn Du vor dem Namen des Icons " / " angibst, holt sich der Script die Quelle aus dem Index - Verzeichnis des Servers.
(D. h. das erste Verzeichnis, das erscheint, sobald Du den Filemanager öffnest)
Ich hoffe, ich konnte das noch etwas erläutern... :)
Grüße,
SK -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
