Declaração 1: <link rel = ícone de atalho href = favicon.ico />
Declaração 2 <link rel = icon href = animated_favicon.gif type = image /gif />
Nota: O ícone de atalho de instrução é o ícone que aparece em frente à coluna URL.
Pergunta: Qual é a função do ícone da declaração 2? Qual é a diferença entre a declaração 1?
guia
No passado, designers e desenvolvedores de sites adotaram uma variedade de métodos para garantir o surgimento do Favicon. É difícil garantir explicitamente que o Favicon possa ser exibido em todos os computadores, mesmo com a mesma versão de um navegador.
Outra limitação do código a seguir é que ele associa o Favicon a um documento HTML ou XHTML específico. Para evitar isso, o arquivo favicon.ico deve ser colocado no diretório raiz. A maioria dos navegadores o detectará automaticamente.
Recomenda -se incluir as duas linhas a seguir do código HTML:
CÓDIGO:
<link rel = ícone de atalho href = http: //example.com/favicon.ico type = image/vnd.microsoft.icon>
<link rel = icon href = http: //example.com/favicon.ico tipo = imagem/vnd.microsoft.icon>
No entanto, apenas a primeira linha é necessária porque a sequência de ícones de atalho será reconhecida pela maioria dos navegadores compatíveis com o padrão como listando possíveis palavras-chave (o atalho será ignorado e apenas os ícones serão aplicados); e o Internet Explorer o usará como um nome separado (ícone de atalho). O resultado disso é que todos os navegadores podem entender esse código. É necessário adicionar apenas uma segunda linha se você deseja fornecer outra imagem alternativa (como um GIF animado) para o novo navegador.
No HTML, o elemento de link deve estar no elemento da cabeça (entre <head> e </head>).
Para xhtml, o link deve usar end (ou>/link>) e não pode usar o END.
Href pode, mas não, apontando para a localização do /favicon.ico. Pode apontar para qualquer URL.
As imagens geralmente podem usar qualquer formato de imagem suportado pelo navegador.
O formato do arquivo .ico geralmente pode ser lido por todos os navegadores que podem exibir Favicon.
Configure o servidor para enviar o ID do MIME correto:
ICO Arquivo Imagem/vnd.microsoft.icon (ou imagem/x-icon também pode ser usado por razões de compatibilidade. No entanto, é melhor usar o tipo de mímica registrado na IANA, pois a maioria dos navegadores convencionais agora suporta)
Imagem do arquivo GIF/GIF
Imagem do arquivo PNG/PNG
Use resolução apropriada e profundidade de cor.
OIC: Inclui várias resoluções (mais comumente usadas são 16 × 16 e 32 × 32, o Mac OS X às vezes usa 64 × 64 e 128 × 128) e profundidade de bits (bits por pixel) (use principalmente 4, 8, 24 bpp, ou seja, 16, 256 e 16 milhões de cores).
GIF: Use 16 × 16, 256 cores.
PNG: Use 16 × 16, 256 cores ou 24 bits.
NOTA: Quando o Favicon.ico for colocado no diretório raiz do documento, ele será encontrado por alguns navegadores que não processam o elemento de link, mesmo que não haja link para ele no seu site.
padronização
A função Favicon foi criada pela Microsoft, e o navegador da Web do Internet Explorer da Microsoft solicitará o Favicon para todos os sites. As tags de link apoiadas pela Microsoft não estão em conformidade com as recomendações HTML do World Wide Web Consortium (W3C, World Wide Web Consortium) porque:
O atributo REL deve conter uma lista de tipos de link que usam espaços como delimitadores; portanto, um tipo de link que contém duas palavras não pode ser entendido pelos navegadores padrão.
O tipo de arquivo .ico (um formato raster para ícones no Microsoft Windows) não possui um tipo MIME registrado, e parece que não pode ser entendido pela maioria dos navegadores na época. No entanto, em 2003, esse formato foi registrado na IANA, e seu tipo MIME é a imagem/vnd.microsoft.icon, eliminando assim a primeira parte desse problema.
O uso da localização reservada no site contradiz a arquitetura da World Wide Web e também é considerada agachamento de link ou agachamento de URI.
O Mozilla Browser adiciona suporte ao Favicon através de um método que cumpre os padrões da Web. É necessário rel = ícone e permite que os designers da web adicionem o Favicon em qualquer formato de imagem suportado. Por exemplo, <link rel = Icon Type = Image/png href =/path/image.png>. Posteriormente, dado que esse recurso será usado para todo o novo conteúdo, a maioria dos navegadores adicionou suporte a esse recurso.