Favicon, ikona, ikona zástupce, Apple-touch-icon: Existují další?
Vím o 2 základních druzích výchozích webových ikon pro webové stránky:
Favicon : umístěte soubor ve formátu
.icodo kořenového adresáře vašeho webu s názvemfavicon.icoa většina prohlížeče stolních počítačů jej najdou a zobrazí v různých kontextech (záložky, záložky). Lze také přidat do kódu, který umožňuje určit do souboru další názvy a jiné grafické typy, ačkoli existují omezení typu a velikosti prohlížečů :<link rel="shortcut icon" href="/favicon.ico" /> <link rel="icon" href="/favicon.ico" />Ikona webového klipu : umístěte soubor ve formátu
pngs názvemApple-touch-icon.pngneboApple-touch-icon-precomposed.pngv kořenovém adresáři vašeho webu a verze operačního systému Safari pro iPhone OS/iOS je vyzvedne a uloží, když je web přidán na domovskou obrazovku. Lze také přidat pomocí kódu jako:<link rel="Apple-touch-icon" href="/custom_icon.png" />
Existují nějaké jiné výchozí grafické ikony pro web, které může webmaster zahrnout?
se objeví na základě this a this , že Android použije typ rel z Apple-touch-icon-precomposed nebo Apple-touch-icon, BUT, aby k tomu fungovalo, musíte použít plně kvalifikovanou URL, např .:
<link rel="Apple-touch-icon-precomposed"
href="http://www.example.com/custom_icon.png" />
nebo:
<link rel="Apple-touch-icon"
href="http://www.example.com/custom_icon.png" />
Výzva je taková, že se zdá, že platí pro Android 2.1 update 1 & Webkit 3.1. dokumentace pro vývojáře Android uvádí metodu v Android.webkit, která je událostí, když je načtena Apple-touch-icon.
To záleží na platformě, na kterou cílíte. Ale myslím, že většina - standard kompatibilní - mobilní prohlížeče rozumí výchozím značkám favicon. Možná můžete vyhledávat případy zvláštního použití (např. Vytvořit zástupce na ploše se speciální ikonou) na platformách jako Android, iOS, WebOS, ...
Právě jsem vyvinul několik webů zaměřených na uživatele iPhone a na těchto stránkách jsem použil Wordpress se specializovanou verzí tématu WPTouch.