Lompat ke isi

Favicon: Perbedaan antara revisi

Ensiklopedia Pengetahuan Universitas Islam Sultan Agung

Maintenance script (bicara | kontrib)

37.956 suntingan
Maintenance script (bicara | kontrib)
37.956 suntingan
Impor teks terkontrol dari Wikipedia bahasa Indonesia; revisi 28476303; atribusi sumber disertakan.
 
Maintenance script (bicara | kontrib)
37.956 suntingan
Presentation V4: sitasi, referensi, Math, Wikimedia Commons, dan atribusi
 
Baris 2: Baris 2:


== Sejarah ==
== Sejarah ==
Pada bulan Maret 1999, [[Microsoft]] merilis [[Internet Explorer]] 5 dengan dukungan ''favicon'' untuk pertama kalinya. Awalnya, ''favicon'' adalah sebuah berkas yang bernama favicon.ico ditempatkan di [[direktori]] akar (misalnya, http://en.wikipedia.org/favicon.ico ) dari sebuah situs web.  Itu digunakan di favorit Internet Explorer (''bookmark'') dan selanjutnya ke URL di ''address bar''. Teknik ini telah menjadi usang karena semua peramban modern mendukung ''favicon'' tanpa ''[[bookmark]]''.
Pada bulan Maret 1999, [[Microsoft]] merilis [[Internet Explorer]] 5 dengan dukungan ''favicon'' untuk pertama kalinya. Awalnya, ''favicon'' adalah sebuah berkas yang bernama favicon.ico ditempatkan di [[direktori]] akar (misalnya, http://en.wikipedia.org/favicon.ico ) dari sebuah situs web.<ref>Dave Lane. [http://egressive.com/tutorial/creating-a-multi-resolution-favicon-including-transparency-with-the-gimp Creating a Multi-Resolution Favicon Including Transparency with the GIMP]. ''Egressive.com''. 9 August 2008.</ref><ref>[http://news.bbc.co.uk/2/hi/uk_news/magazine/7839744.stm What's With Google's New Mini Icon?]. BBC. 20 January 2009.</ref> Itu digunakan di favorit Internet Explorer (''bookmark'') dan selanjutnya ke URL di ''address bar''. Teknik ini telah menjadi usang karena semua peramban modern mendukung ''favicon'' tanpa ''[[bookmark]]''.<ref>Jennifer Apple. [http://www.photoshopsupport.com/tutorials/jennifer/favicon.html Favicon — How To Create A Favicon.ico]. Photoshopsupport.com.</ref>


=== Standardisasi ===
=== Standardisasi ===
Favicon distandardisasi oleh World Wide Web Consortium (W3C) dalam rekomendasi HTML 4.01, dirilis pada Desember 1999, dan kemudian dalam rekomendasi XHTML 1.0, dirilis pada Januari 2000. Implementasi standar menggunakan elemen link dengan atribut rel di bagian <head> dokumen untuk menentukan format file dan nama file serta lokasi. Tidak seperti skema sebelumnya, file dapat berada di direktori situs Web mana pun dan memiliki format file gambar apa pun.
Favicon distandardisasi oleh World Wide Web Consortium (W3C) dalam rekomendasi HTML 4.01, dirilis pada Desember 1999, dan kemudian dalam rekomendasi XHTML 1.0, dirilis pada Januari 2000. Implementasi standar menggunakan elemen link dengan atribut rel di bagian <head> dokumen untuk menentukan format file dan nama file serta lokasi. Tidak seperti skema sebelumnya, file dapat berada di direktori situs Web mana pun dan memiliki format file gambar apa pun.<ref>Karl Dubost. [http://www.w3.org/2005/10/profile Web site meta data profile: favicon,]. October 2005.</ref><ref>Karl Dubost. [http://www.w3.org/2005/10/howto-favicon How to Add a Favicon to your Site]. 24 October 2005.</ref>


Pada tahun 2003, format .ico didaftarkan oleh pihak ketiga dengan [[Internet Assigned Numbers Authority]] (IANA) di bawah tipe MIME ''image/vnd.microsoft.icon.'' Namun, saat menggunakan format .ico untuk ditampilkan sebagai gambar (misalnya bukan sebagai favicon), Internet Explorer tidak dapat menampilkan file yang disajikan dengan tipe MIME standar ini. Solusi untuk Internet Explorer adalah dengan mengaitkan .ico dengan tipe MIME image/x-icon non-standar di server Web.
Pada tahun 2003, format .ico didaftarkan oleh pihak ketiga dengan [[Internet Assigned Numbers Authority]] (IANA) di bawah tipe MIME ''image/vnd.microsoft.icon.''<ref>Simon Butcher. [https://www.iana.org/assignments/media-types/image/vnd.microsoft.icon Published specification]. 3 September 2003.</ref><ref>[https://blogs.msdn.microsoft.com/ieinternals/2011/02/11/ie9-rc-minor-changes-list/#comments IE9 RC Minor Changes List]. ''IEInternals''.</ref> Namun, saat menggunakan format .ico untuk ditampilkan sebagai gambar (misalnya bukan sebagai favicon), Internet Explorer tidak dapat menampilkan file yang disajikan dengan tipe MIME standar ini.<ref>[https://blogs.msdn.microsoft.com/ieinternals/2011/02/11/ie9-rc-minor-changes-list/#comments IE9 RC Minor Changes List]. ''IEInternals''.</ref> Solusi untuk Internet Explorer adalah dengan mengaitkan .ico dengan tipe MIME image/x-icon non-standar di server Web.<ref>Paul Irish. [https://github.com/paulirish/html5-boilerplate/commit/37b5fec090d00f38de64b591bcddcb205aadf8ee commit 37b5fec090d00f38de64 to paulirish's html5-boilerplate]. 15 December 2010.</ref>


<nowiki>RFC 5988</nowiki> membuat registri hubungan tautan IANA, dan rel="icon" didaftarkan pada tahun 2010 berdasarkan spesifikasi HTML5. <link rel="shortcut icon" type="image/png" href="image/favicon.png"> populer secara teoretis mengidentifikasi dua hubungan, pintasan dan ikon, tetapi pintasan tidak terdaftar dan berlebihan. Pada tahun 2011 standar hidup HTML menetapkan bahwa karena alasan historis pintasan diizinkan tepat sebelum ikon; tetapi, pintasan tidak memiliki arti dalam konteks ini.
<nowiki>RFC 5988</nowiki> membuat registri hubungan tautan IANA,<ref>[https://www.iana.org/assignments/link-relations/link-relations.xml Link Relations].</ref> dan rel="icon" didaftarkan pada tahun 2010 berdasarkan spesifikasi HTML5. <link rel="shortcut icon" type="image/png" href="image/favicon.png"> populer secara teoretis mengidentifikasi dua hubungan, pintasan dan ikon, tetapi pintasan tidak terdaftar dan berlebihan. Pada tahun 2011 standar hidup HTML<ref>Ian Hickson. [http://blog.whatwg.org/html-is-the-new-html5 HTML is the new HTML5]. ''The WHATWG Blog''. 19 January 2011.</ref> menetapkan bahwa karena alasan historis pintasan diizinkan tepat sebelum ikon;<ref>[http://html5.org/tools/web-apps-tracker?from=6403&to=6404 HTML5 revision r6404]. ''HTML5 Tracker''.</ref> tetapi, pintasan tidak memiliki arti dalam konteks ini.


== Kode ==
== Kode ==
  <link rel="shortcut icon"
  <link rel="shortcut icon"
  href="http://example.com/myicon.ico" />
  href="http://example.com/myicon.ico" />
Baris 31: Baris 30:
Microsoft Internet Explorer hanya mendukung format file ICO, dengan mengubah ekstensi [[nama berkas]] gambar ke ico tanpa mengubahnya ke berkas ICO akan menghasilkan kesalahan dan tidak menampilkan ''favicon''. Peramban Netscape 7, Internet Explorer 5, dan versi 6 hanya akan menampilkan ''favicon'' pada halaman yang telah di-bookmark dan tidak ketika halaman dikunjungi seperti pada [[peramban]] modern.
Microsoft Internet Explorer hanya mendukung format file ICO, dengan mengubah ekstensi [[nama berkas]] gambar ke ico tanpa mengubahnya ke berkas ICO akan menghasilkan kesalahan dan tidak menampilkan ''favicon''. Peramban Netscape 7, Internet Explorer 5, dan versi 6 hanya akan menampilkan ''favicon'' pada halaman yang telah di-bookmark dan tidak ketika halaman dikunjungi seperti pada [[peramban]] modern.


==Referensi==
== Referensi ==
 
<references />
 


== Sumber dan atribusi ==
== Sumber dan atribusi ==


Konten artikel ini diadaptasi dari [https://id.wikipedia.org/w/index.php?title=Favicon&oldid=28476303 Wikipedia bahasa Indonesia], revisi 28476303 (2025-11-14T05:09:48Z), yang tersedia berdasarkan lisensi Creative Commons Atribusi-BerbagiSerupa (CC BY-SA). Mohon gunakan konten ini secara bijak serta sesuai dengan ketentuan lisensi yang berlaku.
Konten artikel ini diadaptasi dari [https://id.wikipedia.org/w/index.php?title=Favicon&oldid=28476303 Wikipedia bahasa Indonesia], revisi 28476303 (2025-11-14T05:09:48Z), yang tersedia berdasarkan lisensi Creative Commons Atribusi-BerbagiSerupa (CC BY-SA). Mohon gunakan konten ini secara bijak serta sesuai dengan ketentuan lisensi yang berlaku.
<!-- WIKI_UNISSULA_PRESENTATION_V4 -->

Revisi terkini sejak 23 Agustus 2026 14.01

Favicon adalah ikon utama yang muncul pada address bar suatu laman web dan merupakan logo dari laman web tersebut; juga dikenal sebagai shortcut icon, website icon, URL icon, atau bookmark icon.

Sejarah

Pada bulan Maret 1999, Microsoft merilis Internet Explorer 5 dengan dukungan favicon untuk pertama kalinya. Awalnya, favicon adalah sebuah berkas yang bernama favicon.ico ditempatkan di direktori akar (misalnya, http://en.wikipedia.org/favicon.ico ) dari sebuah situs web.[1][2] Itu digunakan di favorit Internet Explorer (bookmark) dan selanjutnya ke URL di address bar. Teknik ini telah menjadi usang karena semua peramban modern mendukung favicon tanpa bookmark.[3]

Standardisasi

Favicon distandardisasi oleh World Wide Web Consortium (W3C) dalam rekomendasi HTML 4.01, dirilis pada Desember 1999, dan kemudian dalam rekomendasi XHTML 1.0, dirilis pada Januari 2000. Implementasi standar menggunakan elemen link dengan atribut rel di bagian <head> dokumen untuk menentukan format file dan nama file serta lokasi. Tidak seperti skema sebelumnya, file dapat berada di direktori situs Web mana pun dan memiliki format file gambar apa pun.[4][5]

Pada tahun 2003, format .ico didaftarkan oleh pihak ketiga dengan Internet Assigned Numbers Authority (IANA) di bawah tipe MIME image/vnd.microsoft.icon.[6][7] Namun, saat menggunakan format .ico untuk ditampilkan sebagai gambar (misalnya bukan sebagai favicon), Internet Explorer tidak dapat menampilkan file yang disajikan dengan tipe MIME standar ini.[8] Solusi untuk Internet Explorer adalah dengan mengaitkan .ico dengan tipe MIME image/x-icon non-standar di server Web.[9]

RFC 5988 membuat registri hubungan tautan IANA,[10] dan rel="icon" didaftarkan pada tahun 2010 berdasarkan spesifikasi HTML5. <link rel="shortcut icon" type="image/png" href="image/favicon.png"> populer secara teoretis mengidentifikasi dua hubungan, pintasan dan ikon, tetapi pintasan tidak terdaftar dan berlebihan. Pada tahun 2011 standar hidup HTML[11] menetapkan bahwa karena alasan historis pintasan diizinkan tepat sebelum ikon;[12] tetapi, pintasan tidak memiliki arti dalam konteks ini.

Kode

<link rel="shortcut icon"
href="http://example.com/myicon.ico" />

<link rel="icon"
type="image/vnd.microsoft.icon"
href="http://example.com/image.ico" />

<link rel="icon" type="image/png"
href="http://example.com/image.png" />

<link rel="icon" type="image/gif"
href="http://example.com/image.gif" />

favicon.ico berlokasi di akar laman web.

Peninggalan

Microsoft Internet Explorer hanya mendukung format file ICO, dengan mengubah ekstensi nama berkas gambar ke ico tanpa mengubahnya ke berkas ICO akan menghasilkan kesalahan dan tidak menampilkan favicon. Peramban Netscape 7, Internet Explorer 5, dan versi 6 hanya akan menampilkan favicon pada halaman yang telah di-bookmark dan tidak ketika halaman dikunjungi seperti pada peramban modern.

Referensi

  1. ↑ Dave Lane. Creating a Multi-Resolution Favicon Including Transparency with the GIMP. Egressive.com. 9 August 2008.
  2. ↑ What's With Google's New Mini Icon?. BBC. 20 January 2009.
  3. ↑ Jennifer Apple. Favicon — How To Create A Favicon.ico. Photoshopsupport.com.
  4. ↑ Karl Dubost. Web site meta data profile: favicon,. October 2005.
  5. ↑ Karl Dubost. How to Add a Favicon to your Site. 24 October 2005.
  6. ↑ Simon Butcher. Published specification. 3 September 2003.
  7. ↑ IE9 RC Minor Changes List. IEInternals.
  8. ↑ IE9 RC Minor Changes List. IEInternals.
  9. ↑ Paul Irish. commit 37b5fec090d00f38de64 to paulirish's html5-boilerplate. 15 December 2010.
  10. ↑ Link Relations.
  11. ↑ Ian Hickson. HTML is the new HTML5. The WHATWG Blog. 19 January 2011.
  12. ↑ HTML5 revision r6404. HTML5 Tracker.

Sumber dan atribusi

Konten artikel ini diadaptasi dari Wikipedia bahasa Indonesia, revisi 28476303 (2025-11-14T05:09:48Z), yang tersedia berdasarkan lisensi Creative Commons Atribusi-BerbagiSerupa (CC BY-SA). Mohon gunakan konten ini secara bijak serta sesuai dengan ketentuan lisensi yang berlaku.


Diperoleh dari "https://wiki.unissula.ac.id/index.php?title=Favicon&oldid=2674"