Declaración 1: <Link Rel = Actual icon HREF = FAVICON.ICO />
Declaración 2 <link rel = icon href = animated_favicon.gif type = image /gif />
Nota: El icono de acceso directo de la declaración es el icono que aparece frente a la columna URL.
Pregunta: ¿Cuál es la función del icono de la declaración 2? ¿Cuál es la diferencia entre la declaración 1?
guía
En el pasado, los diseñadores y desarrolladores de sitios web han adoptado una variedad de métodos para garantizar la aparición de Favicon. Es difícil garantizar explícitamente que Favicon se pueda mostrar en todas las computadoras, incluso con la misma versión de un navegador.
Otra limitación del siguiente código es que asocia a Favicon a un documento específico HTML o XHTML. Para evitar esto, el archivo favicon.ico debe colocarse en el directorio raíz. La mayoría de los navegadores detectarán y usarán automáticamente.
Se recomienda incluir las siguientes dos líneas de código HTML:
CÓDIGO:
<Link Rel = Actual icon href = http: //example.com/favicon.ico type = image/vnd.microsoft.icon>
<link rel = icon href = http: //example.com/favicon.ico type = image/vnd.microsoft.icon>
Sin embargo, solo la primera línea es necesaria porque la cadena de icono de acceso directo será reconocido por la mayoría de los navegadores que cumplen con el estándar como posibles palabras clave (se ignorará el acceso directo y solo se aplicarán los iconos); e Internet Explorer lo usará como un nombre separado (icono de acceso directo). El resultado de esto es que todos los navegadores pueden entender este código. Solo es necesario agregar una segunda línea si desea proporcionar otra imagen alternativa (como un GIF animado) para el nuevo navegador.
En HTML, el elemento de enlace debe estar en el elemento de la cabeza (entre <Head> y </Head>).
Para XHTML, el enlace debe usar End (o>/Link>) y no puede usar End.
Href puede, pero no, señalar la ubicación de /favicon.ico. Puede señalar cualquier URL.
Las imágenes generalmente pueden usar cualquier formato de imagen compatible con el navegador.
El formato de archivo .ICO generalmente puede ser leído por todos los navegadores que pueden mostrar Favicon.
Configure el servidor para enviar la ID de MIME correcta:
ICO File Image/VND.Microsoft.icon (o Image/X-ICon también se puede usar por razones de compatibilidad. Sin embargo, es mejor usar el tipo de MIME registrado por IANA, como la mayoría de los navegadores principales ahora lo admiten)
Imagen de archivo gif/gif
Imagen de archivo png/png
Use la resolución apropiada y la profundidad de color.
ICO: incluye múltiples resoluciones (más comúnmente utilizadas son 16 × 16 y 32 × 32, Mac OS X a veces usa 64 × 64 y 128 × 128) y la profundidad de bit (bits por píxel) (use principalmente 4, 8, 24 bpp, es decir, 16, 256 y 16 millones de colores).
GIF: use 16 × 16, 256 colores.
PNG: use 16 × 16, 256 colores o 24 bits.
Nota: Cuando Favicon.ICO se coloca en el directorio de la raíz del documento, algunos navegadores lo encontrarán que no procesan el elemento de enlace, incluso si no hay ningún enlace en su sitio.
normalización
La función Favicon fue creada por primera vez por Microsoft, y el navegador web de Internet Explorer de Microsoft solicitará Favicon para cada sitio web. Las etiquetas de enlace respaldadas por Microsoft no cumplen con las recomendaciones HTML del Consorcio World Wide Web (W3C, Consorcio World Wide Web) porque::
El atributo REL debe contener una lista de tipos de enlaces que usen espacios como delimitadores, por lo que los navegadores estándar no pueden entender un tipo de enlace que contenga dos palabras.
El tipo de archivo .iCo (un formato de trama para los iconos en Microsoft Windows) no tiene un tipo de MIME registrado, y parece que la mayoría de los navegadores no pueden entenderlo en ese momento. Sin embargo, en 2003, este formato se registró con IANA, y su tipo MIME es Image/Vnd.Microsoft.icon, eliminando así la primera parte de este problema.
El uso de la ubicación reservada en el sitio web contradice la arquitectura de la World Wide Web, y también se considera que es un enlace en cuclillas o en cuclillas URI.
Mozilla Browser agrega soporte para Favicon a través de un método que cumple con los estándares web. Toma rel = icon y permite a los diseñadores web agregar Favicon en cualquier formato de imagen compatible. Por ejemplo <Link Rel = Icon Type = Image/Png Href =/Path/Image.png>. Más tarde, dado que esta función se utilizará para todo el contenido nuevo, la mayoría de los navegadores han agregado soporte para esta función.