Html ΠΈΠΊΠΎΠ½ΠΊΠ° Π½Π° сайт: Как Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ сайта Π² Π°Π΄Ρ€Π΅ΡΠ½ΡƒΡŽ строку Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°?

Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅

Иконка сайта.

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ ΠΈΠΊΠΎΠ½ΠΊΠ° сайта?

Для Π½Π°Ρ‡Π°Π»Π° разбСрСмся, Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ ΠΈΠΊΠΎΠ½ΠΊΠ° сайта ΠΈ Π³Π΄Π΅ ΠΌΡ‹ Π΅Ρ‘ ΠΌΠΎΠΆΠ΅ΠΌ Π½Π°Π±Π»ΡŽΠ΄Π°Ρ‚ΡŒ. Иконка сайта это нСбольшоС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ 16Ρ…16 пиксСлСй Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ ico. ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Π² адрСсной строкС, «Π·Π°ΠΊΠ»Π°Π΄ΠΊΠ°Ρ…», «ΠΈΠ·Π±Ρ€Π°Π½Π½ΠΎΠΌ» «ΠΈΡΡ‚ΠΎΡ€ΠΈΠΈ», Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°Ρ… страниц Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ…,

Π° Ρ‚Π°ΠΊΠΆΠ΅ Π² Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π°Ρ… поиска поисковой систСмы ЯндСкс

Иконки сайтов Ρ‚Π°ΠΊ ΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Π² Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³Π°Ρ… сайтов, сСрвисах Π°Π½Π°Π»ΠΈΡ‚ΠΈΠΊΠΈ ΠΈ статистики сайтов, RSS Π»Π΅Π½Ρ‚Π°Ρ….. ΠΈ ΠΏΡ€ΠΎΡ‡ΠΈΡ… мСстах бСскрайних просторов сСти Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚.

ОсновноС ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΏΠΈΠΊΡ‚ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ это Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Π’Π°ΡˆΠ΅Π³ΠΎ сайта ΠΈΠ· массы Π΄Ρ€ΡƒΠ³ΠΈΡ… рСсурсов. ΠšΡ€Π°ΡΠΈΠ²Π°Ρ ΠΈΠΊΠΎΠ½ΠΊΠ° Π΄Π΅Π»Π°Π΅Ρ‚ сайт ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΌ, ΠΎΡ€ΠΈΠ³ΠΈΠ½Π°Π»ΡŒΠ½Ρ‹ΠΌ, ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Π΅Ρ‚ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ, Π° Ρ‚Π°ΠΊ ΠΆΠ΅ Π΄Π΅Π»Π°Π΅Ρ‚ сайт Π±ΠΎΠ»Π΅Π΅ Π·Π°ΠΏΠΎΠΌΠΈΠ½Π°ΡŽΡ‰ΠΈΠΌΡΡ, Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎ ΠΎΡ‚Π½Π΅ΡΠΈΡ‚Π΅ΡΡŒ ΠΊ созданию ΠΈΠΊΠΎΠ½ΠΊΠΈ сайта ΠΏΠΎΠ΄ΠΎΠ±Π°ΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, ΡƒΠΆ Ρ‡Π΅Π³ΠΎ Ρ‚ΠΎΡ‡Π½ΠΎ Π½Π΅ стоит Π΄Π΅Π»Π°Ρ‚ΡŒ, Ρ‚Π°ΠΊ это ΠΏΡ€Π΅Π½Π΅Π±Ρ€Π΅Π³Π°Ρ‚ΡŒ созданиСм ΠΈΠΊΠΎΠ½ΠΊΠΈ вовсС, Ρ‚Π΅ΠΌ самым, позволяя Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°ΠΌ Π»Π΅ΠΏΠΈΡ‚ΡŒ Π½Π°ΠΏΡ€ΠΎΡ‚ΠΈΠ² Π’Π°ΡˆΠ΅Π³ΠΎ сайта свою ΡΡ‚Π°Π½Π΄Π°Ρ€Ρ‚Π½ΡƒΡŽ, ΡΠΊΡƒΡ‡Π½ΡƒΡŽ ΠΏΠΈΠΊΡ‚ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ.

Как ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ ΠΊ своСму сайту?

Для Ρ‚ΠΎΠ³ΠΎ Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ для страницы сайта Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΡΠ²ΡΠ·Π°Ρ‚ΡŒ эту страницу с ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌΡ‹ΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ — ΠΈΠΊΠΎΠ½ΠΊΠΎΠΉ, с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ‚Π΅Π³Π° <link>.

Напомню, Ρ‚Π΅Π³ <link> ΠΈΠΌΠ΅Π΅Ρ‚ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹:

  • href — ΠŸΡƒΡ‚ΡŒ ΠΊ Ρ„Π°ΠΉΠ»Ρƒ.
  • rel — ΠžΠΏΡ€Π΅Π΄Π΅Π»ΡΠ΅Ρ‚ ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΡ ΠΌΠ΅ΠΆΠ΄Ρƒ Ρ‚Π΅ΠΊΡƒΡ‰ΠΈΠΌ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠΌ ΠΈ Ρ„Π°ΠΉΠ»ΠΎΠΌ, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ дСлаСтся ссылка.
    • shortcut icon — ΠžΠΏΡ€Π΅Π΄Π΅Π»ΡΠ΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌΡ‹ΠΉ Ρ„Π°ΠΉΠ» являСтся ΠΈΠΊΠΎΠ½ΠΊΠΎΠΉ.
    • stylesheet — ΠžΠΏΡ€Π΅Π΄Π΅Π»ΡΠ΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌΡ‹ΠΉ Ρ„Π°ΠΉΠ» содСрТит Ρ‚Π°Π±Π»ΠΈΡ†Ρƒ стилСй.
    • application/rss+xml — Π€Π°ΠΉΠ» Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ XML для описания Π»Π΅Π½Ρ‚Ρ‹ новостСй.
  • type — MIME Ρ‚ΠΈΠΏ Π΄Π°Π½Π½Ρ‹Ρ… ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌΠΎΠ³ΠΎ Ρ„Π°ΠΉΠ»Π°.

И ΠΏΠΈΡˆΠ΅Ρ‚ΡΡ Π² Π³ΠΎΠ»ΠΎΠ²Π΅ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° ΠΌΠ΅ΠΆΠ΄Ρƒ Ρ‚Π΅Π³Π°ΠΌΠΈ <head> </head> ΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ вся запись вмСстС ΠΏΡ€ΠΈΠΎΠ±Ρ€Π΅Ρ‚Π°Π΅Ρ‚ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ Π²ΠΈΠ΄:

<head>


<link rel=»shortcut icon» href=»favicon. ico» type=»image/x-icon»>
</head>

Π“Π΄Π΅ favicon.ico Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ Π»Π΅ΠΆΠ°Ρ‰Π΅ΠΉ Π² ΠΊΠΎΡ€Π½Π΅Π²ΠΎΠΉ ΠΏΠ°ΠΏΠΊΠ΅ сайта.

ΠšΡΡ‚Π°Ρ‚ΠΈ ΠΈΠΊΠΎΠ½ΠΊΡƒ для сайта принято Π½Π°Π·Ρ‹Π²Π°Ρ‚ΡŒ ΠΈΠΌΠ΅Π½Π½ΠΎ favicon.ico ΠΈ Ρ€Π°ΡΠΏΠΎΠ»Π°Π³Π°Ρ‚ΡŒ Π² ΠΊΠΎΡ€Π½Π΅Π²ΠΎΠΉ ΠΏΠ°ΠΏΠΊΠ΅ рядом с Π³Π»Π°Π²Π½ΠΎΠΉ страницСй сайта , Π΄Π΅Π»ΠΎ Π² Ρ‚ΠΎΠΌ Ρ‡Ρ‚ΠΎ Ссли ΠΈΠΊΠΎΠ½ΠΊΠ° Π±ΡƒΠ΄Π΅Ρ‚ Π½Π°Π·Ρ‹Π²Π°Ρ‚ΡŒΡΡ favicon.ico ΠΈ Π»Π΅ΠΆΠ°Ρ‚ΡŒ Π² ΠΊΠΎΡ€Π½Π΅ сайта Ρ‚ΠΎ для Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ² этого ΡƒΠΆΠ΅ Π²ΠΏΠΎΠ»Π½Π΅ Ρ…Π²Π°Ρ‚ΠΈΡ‚ Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ Π’Π°ΡˆΡƒ ΠΏΠΈΠΊΡ‚ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ «ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ» Π΄Π°ΠΆΠ΅ Π±Π΅Π· строчки:

<link rel=»shortcut icon» href=»favicon.ico» type=»image/x-icon»>

Однако всё ΠΆΠ΅ Π»ΡƒΡ‡ΡˆΠ΅ связывайтС ΠΈΠΊΠΎΠ½ΠΊΡƒ со страницСй сайта Ρ‚Π΅Π³ΠΎΠΌ <link>

ΠŸΡ€ΠΈΠΌΠ΅Ρ€:

<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//EN» «http://www.w3.org/TR/html4/loose.dtd»>
<html>
<head>
<title>Иконка сайта</title>
<link rel=»shortcut icon» href=». ./graphics/favicon.ico» type=»image/x-icon»>
</head>
<body>
<h2>Моя любимая страничка!</h2>
<p>Π­Ρ‚Π° страничка ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡƒΠ°Π»ΡŒΠ½ΡƒΡŽ ΠΈΠΊΠΎΠ½ΠΊΡƒ Π² Π²ΠΈΠ΄Π΅ сСрдСчка.</p>
</body>
</html>

ΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Β Β 

Π’ этом ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΠΊ страницС ΠΌΡ‹ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌ ΠΈΠΊΠΎΠ½ΠΊΡƒ, которая Π»Π΅ΠΆΠΈΡ‚ Π½Π° ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ Π²Ρ‹ΡˆΠ΅ ΠΎΡ‚ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° Π² ΠΏΠ°ΠΏΠΊΠ΅ graphics. Π’Π°ΠΊΠΈΠΌ способом ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΠΉ страницС сайта ΠΌΠΎΠΆΠ½ΠΎ Π½Π°Π·Π½Π°Ρ‡ΠΈΡ‚ΡŒ свою ΡΠΎΠ±ΡΡ‚Π²Π΅Π½Π½ΡƒΡŽ ΠΏΠΈΠΊΡ‚ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ.

Как ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΈΠ·Π³ΠΎΡ‚ΠΎΠ²ΠΈΡ‚ΡŒ Ρ„Π°ΠΉΠ» favicon.ico?

Бпособ ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ:

Найти Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅ Π³ΠΎΡ‚ΠΎΠ²ΡƒΡŽ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΡΡ‰ΡƒΡŽ ΠΈΠΊΠΎΠ½ΠΊΡƒ Π² коллСкциях ΠΈΠΊΠΎΠ½ΠΎΠΊ..

Бпособ Π²Ρ‚ΠΎΡ€ΠΎΠΉ:

Π˜Π·Π³ΠΎΡ‚ΠΎΠ²ΠΈΡ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠ°ΠΊΠΎΠ³ΠΎ Π»ΠΈΠ±ΠΎ ΠΎΠ½Π»Π°ΠΉΠ½ сСрвиса. НаиболСС популярным сСрвисом, ΡΠΎΠ·Π΄Π°ΡŽΡ‰ΠΈΠΌ ΠΈΠΊΠΎΠ½ΠΊΠΈ для сайта, Π² русскоязычном Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅, являСтся рСсурс www.favicon.ru

Всё просто Π·Π°Ρ…ΠΎΠ΄ΠΈΡ‚Π΅ Π½Π° Π΄Π°Π½Π½Ρ‹ΠΉ рСсурс, Π·Π°Π³Ρ€ΡƒΠΆΠ°Π΅Ρ‚Π΅ большоС Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ (ΠΆΠ΅Π»Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Π½ΠΎΠ΅) Ρ‚ΠΎΠ»ΡŒΠΊΠΎ вСсом Π½Π΅ Π±ΠΎΠ»Π΅Π΅ 300ΠΊΠ±. . Π½Ρƒ Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ сайта, ΠΆΠΌΠ΅Ρ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΡƒ «Π‘ΠΎΠ·Π΄Π°Ρ‚ΡŒ favicon.ico» Π½Π° Π²Ρ‹Ρ…ΠΎΠ΄Π΅ скачиваСтС ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½Π½ΡƒΡŽ копию этого изобраТСния 16Ρ…16 (Π° Ρ‚Π°ΠΊ ΠΆΠ΅ ΠΏΠΎ ТСланию 32Ρ…32 ΠΈ 48Ρ…48) пиксСлСй Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ ico. Достаточно ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ рСсурс ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰ΠΈΠΉ быстро ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΏΡ€ΠΈΠ΅ΠΌΠ»Π΅ΠΌΠΎΠ³ΠΎ качСства.

Ну ΠΈ Ρ‚Ρ€Π΅Ρ‚ΠΈΠΉ способ:

Π›ΡƒΡ‡ΡˆΠ΅ всСго, ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ, Π½Π°Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ пиксСль Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΠΌΠ΅Π½Π½ΠΎ Ρ‚Π°ΠΊΠΈΠΌ ΠΊΠ°ΠΊΠΈΠΌ Π’Ρ‹ ΠΆΠ΅Π»Π°Π΅Ρ‚Π΅ Π΅Π³ΠΎ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ. Однако Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ популярных графичСских Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² Ρ‚ΠΈΠΏΠ° Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ° Π½Π΅ ΠΆΠ΅Π»Π°ΡŽΡ‚ ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ ico.. Но Π½Π΅ Π±Π΅Π΄Π°!! Π’ Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅ гуляСт масса Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² ΠΈΠΊΠΎΠ½ΠΎΠΊ Ρ…ΠΎΡ€ΠΎΡˆΠΈΡ… ΠΈ Π½Π΅ ΠΎΡ‡Π΅Π½ΡŒ, ΠΏΠ»Π°Ρ‚Π½Ρ‹Ρ… ΠΈ бСсплатных, Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎ ΠΏΡ€ΠΎΡΡ‚Π΅Π½ΡŒΠΊΠΈΡ… ΠΈ ΠΆΡƒΡ‚ΠΊΠΎ Π½Π°Π²ΠΎΡ€ΠΎΡ‡Π΅Π½Π½Ρ‹Ρ….

Π›ΠΈΡ‡Π½ΠΎ я ΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡΡŒ Π½Π΅ сильно Ρ…ΠΈΡ‚Ρ€ΠΎΠΉ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΊΠΎΠΉ — Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠΌ ΠΈΠΊΠΎΠ½ΠΎΠΊ, Π½ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡΡŒ Π΅ΠΉ Π½Π΅ Ρ‚Π°ΠΊ, ΠΊΠ°ΠΊ Π·Π°Π΄ΡƒΠΌΡ‹Π²Π°Π»ΠΈ Π°Π²Ρ‚ΠΎΡ€Ρ‹.. Π― сначала Ρ€ΠΈΡΡƒΡŽ ΠΈΠΊΠΎΠ½ΠΊΡƒ Π² ΠΏΡ€ΠΈΠ²Ρ‹Ρ‡Π½ΠΎΠΌ ΠΌΠ½Π΅ Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅, ΡΠΎΡ…Ρ€Π°Π½ΡΡŽ Π΅Ρ‘ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ jpg, ΠΏΠΎΡ‚ΠΎΠΌ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽ это ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ этой Π½Π΅Ρ…ΠΈΡ‚Ρ€ΠΎΠΉ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΊΠΈ ΠΈ ΡΠΎΡ…Ρ€Π°Π½ΡΡŽ Π΅Π³ΠΎ ΠΆΠ΅ ΡƒΠΆΠ΅ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ ico. ΠšΠΎΡ€ΠΎΡ‡Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΊΡƒ Π² качСствС «ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚ΠΎΡ€Π°», Π° Π½Π΅ графичСского Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°. . ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΊΠ° называСтся IcoFX Π²ΠΏΡ€ΠΎΡ‡Π΅ΠΌ, ΠΊΠ°ΠΊ ΡƒΠΆΠ΅ сказано Π²Ρ‹ΡˆΠ΅ сущСствуСт ΠΊΡƒΡ‡Π° Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ, Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎ Π½Π΅ стоит ΠΎΡΡ‚Π°Π½Π°Π²Π»ΠΈΠ²Π°Ρ‚ΡŒΡΡ ΠΈΠΌΠ΅Π½Π½ΠΎ Π½Π° этой!! Π­Ρ‚ΠΎ я ΠΊ Π½Π΅ΠΉ приловчился, Π° Π’Ρ‹, ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ, Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅, Ρ‡Ρ‚ΠΎ Π½ΠΈ Π±ΡƒΠ΄ΡŒ Π±ΠΎΠ»Π΅Π΅ ΡƒΠ΄ΠΎΠ±Π½ΠΎΠ΅ для сСбя.


Π Π°Π±ΠΎΡ‚Π° с ΠΈΠΊΠΎΠ½ΠΊΠ°ΠΌΠΈ | WebReference

Иконки выводятся Ρ‡Π΅Ρ€Π΅Π· псСвдокласс ::before, поэтому ΠΊ Π»ΡŽΠ±ΠΎΠΌΡƒ элСмСнту достаточно Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ класс с ΠΈΠΌΠ΅Π½Π΅ΠΌ ΠΈΠΊΠΎΠ½ΠΊΠΈ. ΠžΠ±Ρ‹Ρ‡Π½ΠΎ примСняСтся элСмСнт <i>, Π½ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ любой Π΄Ρ€ΡƒΠ³ΠΎΠΉ строчный элСмСнт, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€: <b>, <span> ΠΈΒ Π΄Ρ€.

Для <i> указываСтся Π΄Π²Π° основных класса β€” fa ΠΈ fa-icon, Π³Π΄Π΅ вмСсто icon ΠΏΠΈΡˆΠ΅Ρ‚ΡΡ имя ΠΈΠΊΠΎΠ½ΠΊΠΈ. ВсС ΠΈΠΌΠ΅Π½Π° доступны Π½Π° этой страницС.

http://fortawesome.github.io/Font-Awesome/icons

Иконки Ρ€Π°Π·Π±ΠΈΡ‚Ρ‹ ΠΏΠΎ катСгориям, Ρ‚Π°ΠΊΠΆΠ΅ Π΅ΡΡ‚ΡŒ поиск ΠΏΠΎ ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹ΠΌ словам (рис.Β 1).

Рис. 1. Иконки для Π²ΠΈΠ΄Π΅ΠΎΠΏΠ»Π΅Π΅Ρ€Π°

Π§Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ с ΠΈΠΌΠ΅Π½Π΅ΠΌ play напишСм ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ ΠΊΠΎΠ΄:

<i></i>

Π‘Π°ΠΌ элСмСнт <i> пустой ΠΈ вставляСтся Π² Ρ‚ΠΎ мСсто Π½Π° страницС, Π³Π΄Π΅ трСбуСтся Π²Ρ‹Π²ΠΎΠ΄ ΠΈΠΊΠΎΠ½ΠΊΠΈ. Π Π°Π·ΠΌΠ΅Ρ€ Π΅Ρ‘ совпадаСт с Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ Ρ‚Π΅ΠΊΡƒΡ‰Π΅Π³ΠΎ тСкста.

Π Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΈΠΊΠΎΠ½ΠΎΠΊ

Π Π°Π·ΠΌΠ΅Ρ€ любой ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΈΠ· Π½Π°Π±ΠΎΡ€Π° ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ свойства font-size, ΠΏΠ΅Ρ€Π΅ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΠ² Π΅Π³ΠΎ Π² своём стилС. Π’Π°ΠΊΠΆΠ΅ Font Awesome ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΠΏΡΡ‚ΡŒ Π³ΠΎΡ‚ΠΎΠ²Ρ‹Ρ… Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ². Достаточно Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ класс ΠΊ элСмСнту <i> ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π² ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅Β 1.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ 1. Π Π°Π·ΠΌΠ΅Ρ€ ΠΈΠΊΠΎΠ½ΠΎΠΊ

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Font Awesome</title>
  <link rel="stylesheet" href="css/font-awesome.min.css">
 </head>
 <body>
  <p><i></i> Π˜ΡΡ…ΠΎΠ΄Π½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€</p>
  <p><i></i> fa-lg</p>
  <p><i></i> fa-2x</p>
  <p><i></i> fa-3x</p>
  <p><i></i> fa-4x</p>
  <p><i></i> fa-5x</p>
 </body>
</html>

Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ Π΄Π°Π½Π½ΠΎΠ³ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° ΠΏΠΎΠΊΠ°Π·Π°Π½ Π½Π° рис. 2.

Рис. 2. Π Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΈΠΊΠΎΠ½ΠΎΠΊ

Π¦Π²Π΅Ρ‚Π°

ΠŸΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΈΠΊΠΎΠ½ΠΊΠ° это тСкстовый символ, Ρ‚ΠΎ ΠΊ Π½Π΅ΠΌΡƒ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΠΌΡ‹ стилСвыС свойства color, background, text-shadow ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅, Π·Π°Π΄Π°ΡŽΡ‰ΠΈΠ΅ ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠ΅ тСкста.

Π’ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅Β 2 ΠΏΠΎΠΊΠ°Π·Π°Π½Ρ‹ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ измСнСния Π²ΠΈΠ΄Π° ΠΈΠΊΠΎΠ½ΠΎΠΊ.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ 2. ΠžΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠ΅ ΠΈΠΊΠΎΠ½ΠΎΠΊ Ρ‡Π΅Ρ€Π΅Π· стили

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Font Awesome</title>
  <link rel="stylesheet" href="css/font-awesome.min.css">
  <style>
   .fa-bug { color: #f15a22; }
   .fa-book {
    background: #000; /* Π§Ρ‘Ρ€Π½Ρ‹ΠΉ Ρ†Π²Π΅Ρ‚ Ρ„ΠΎΠ½Π° */
    padding: 2px 5px; /* Поля */
    border-radius: 3px; /* Радиус скруглСния */
   }
   .fa-car {
    color: #96c13c; /* Π¦Π²Π΅Ρ‚ ΠΈΠΊΠΎΠ½ΠΊΠΈ */
    text-shadow: 2px 2px 0 #333; /* РСзкая Ρ‚Π΅Π½ΡŒ ΠΏΠΎΠ΄ ΠΈΠΊΠΎΠ½ΠΊΠΎΠΉ */
   }
   .fa-comment {
    color: #f7941e; /* Π¦Π²Π΅Ρ‚ ΠΈΠΊΠΎΠ½ΠΊΠΈ */
    text-shadow: 0 0 6px #000; /* Размытая Ρ‚Π΅Π½ΡŒ */
   }
  </style>
 </head>
 <body>
  <p><i></i></p>
  <p><i></i></p>
  <p><i></i></p>
  <p><i></i></p>
 </body>
</html>

Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ Π΄Π°Π½Π½ΠΎΠ³ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° ΠΏΠΎΠΊΠ°Π·Π°Π½ Π½Π° рис. 3.

Рис. 3. Π¦Π²Π΅Ρ‚Π½Ρ‹Π΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ

Font Awesome Π²Π²ΠΎΠ΄ΠΈΡ‚ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ класс fa-inverse, ΠΈΠ·ΠΌΠ΅Π½ΡΡŽΡ‰ΠΈΠΉ Ρ†Π²Π΅Ρ‚ ΠΈΠΊΠΎΠ½ΠΎΠΊ Π½Π° Π±Π΅Π»Ρ‹ΠΉ, поэтому Π² стилях для ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΊΠ½ΠΈΠΆΠΊΠΈ Ρ†Π²Π΅Ρ‚ Π½Π΅ указываСтся.

ΠŸΠΎΠ²ΠΎΡ€ΠΎΡ‚ ΠΈΠΊΠΎΠ½ΠΎΠΊ

Иконки ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ²ΠΎΡ€Π°Ρ‡ΠΈΠ²Π°Ρ‚ΡŒ Π½Π° 90, 180 ΠΈΠ»ΠΈ 270 градусов ΠΏΠΎ часовой стрСлкС, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΎΡ‚Ρ€Π°ΠΆΠ°Ρ‚ΡŒ ΠΈΡ… ΠΏΠΎ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΠΈ ΠΈΠ»ΠΈ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΠΈ. Для этого ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡŽΡ‚ΡΡ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ классы:

  • fa-rotate-90 β€” ΠΏΠΎΠ²ΠΎΡ€ΠΎΡ‚ Π½Π° 90ΒΊ ΠΏΠΎ часовой стрСлкС;
  • fa-rotate-180 β€” ΠΏΠΎΠ²ΠΎΡ€ΠΎΡ‚ Π½Π° 180ΒΊ;
  • fa-rotate-270 β€” ΠΏΠΎΠ²ΠΎΡ€ΠΎΡ‚ Π½Π° 270ΒΊ;
  • fa-flip-horizontal β€” ΠΎΡ‚Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΠΎ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΠΈ;
  • fa-flip-vertical β€” ΠΎΡ‚Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΠΎ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΠΈ.

Надо ΡƒΡ‡ΠΈΡ‚Ρ‹Π²Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π½Π΅ всС ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΈΠΌΠ΅Π΅Ρ‚ смысл ΠΏΠΎΠ²ΠΎΡ€Π°Ρ‡ΠΈΠ²Π°Ρ‚ΡŒ ΠΈ ΠΎΡ‚Ρ€Π°ΠΆΠ°Ρ‚ΡŒ, Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°ΠΌΠ΅Ρ‚Π΅Π½ для нСсиммСтричных ΠΈΠΊΠΎΠ½ΠΎΠΊ (ΠΏΡ€ΠΈΠΌΠ΅Ρ€Β 3).

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ 3. ΠŸΠΎΠ²ΠΎΡ€ΠΎΡ‚ ΠΈ ΠΎΡ‚Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠΊΠΎΠ½ΠΎΠΊ

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Font Awesome</title>
  <link rel="stylesheet" href="css/font-awesome. min.css">
 </head>
 <body>
  <p><i></i></p>
  <p><i></i></p>
  <p><i></i></p>
 </body>
</html>

Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ Π΄Π°Π½Π½ΠΎΠ³ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° ΠΏΠΎΠΊΠ°Π·Π°Π½ Π½Π° рис. 4. ΠŸΠ΅Ρ€Π²Π°Ρ ΠΈΠΊΠΎΠ½ΠΊΠ° самолёта выводится Π² исходном Π²ΠΈΠ΄Π΅, вторая поворачиваСтся Π½Π° 90ΒΊ, Π° Ρ‚Ρ€Π΅Ρ‚ΡŒΡ отраТаСтся ΠΏΠΎ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΠΈ.

Рис. 4. ΠŸΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΡ ΠΈΠΊΠΎΠ½ΠΊΠΈ

Анимация

Анимация ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ примСняСтся для создания эффСкта оТидания. Иконки ΠΌΠΎΠΆΠ½ΠΎ Π·Π°ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ бСсконСчно Π²Ρ€Π°Ρ‰Π°Ρ‚ΡŒΡΡ ΠΏΠΎ часовой стрСлкС двумя способами. Класс fa-spin ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚ ΠΏΠ»Π°Π²Π½ΠΎΠ΅ Π²Ρ€Π°Ρ‰Π΅Π½ΠΈΠ΅, Π° fa-pulseΒ β€” пошаговоС Π²Ρ€Π°Ρ‰Π΅Π½ΠΈΠ΅. НиТС ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π²Ρ€Π°Ρ‰Π΅Π½ΠΈΠ΅ Ρ„ΡƒΡ‚Π±ΠΎΠ»ΡŒΠ½ΠΎΠ³ΠΎ мяча.

<p><i></i></p>

ОбъСдинСниС иконок

ΠšΡ€ΠΎΠΌΠ΅ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΠ³ΠΎ Π²Ρ‹Π²ΠΎΠ΄Π° ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΠΊΠΎΠΌΠ±ΠΈΠ½ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΌΠ΅ΠΆΠ΄Ρƒ собой. Для этого создаём элСмСнт <div> с классом fa-stack, Π° Π² Π½Π΅Π³ΠΎ ΡƒΠΆΠ΅ вставляСм ΠΆΠ΅Π»Π°Π΅ΠΌΡ‹Π΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ. Π’Π½Π°Ρ‡Π°Π»Π΅ ΠΈΠ΄Ρ‘Ρ‚ ниТняя, Π·Π°Ρ‚Π΅ΠΌ вСрхняя. К самим ΠΈΠΊΠΎΠ½ΠΊΠ°ΠΌ добавляСтся класс fa-stack-1x ΠΈΠ»ΠΈ fa-stack-2x, Π² зависимости ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ, какая ΠΈΠΊΠΎΠ½ΠΊΠ° Π΄ΠΎΠ»ΠΆΠ½Π° Π±Ρ‹Ρ‚ΡŒ большС Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ. НиТС ΠΏΠΎΠΊΠ°Π·Π°Π½Π° основная структура ΠΊΠΎΠ΄Π°.

<div>
  <i></i>
  <i></i>
</div>

Для ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Ρ… ΠΈΠΊΠΎΠ½ΠΎΠΊ ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ Π·Π°Π΄Π°Π²Π°Ρ‚ΡŒ собствСнный ΡΡ‚ΠΈΠ»ΡŒ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Ρ†Π²Π΅Ρ‚ ΠΈΠΊΠΎΠ½ΠΊΠΈ. Π’Π΅ΠΌ самым ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Π½ΠΎΠ²Ρ‹Π΅ Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Π΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ (ΠΏΡ€ΠΈΠΌΠ΅Ρ€Β 4).

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ 4. ΠšΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΡ ΠΈΠΊΠΎΠ½ΠΎΠΊ

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Font Awesome</title>
  <link rel="stylesheet" href="css/font-awesome.min.css">
  <style>
   .fa-ban { 
    color: #d51920; /* Π¦Π²Π΅Ρ‚ */
    opacity: 0.6; /* ΠŸΠΎΠ»ΡƒΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ */
   }
  </style>
 </head>
 <body>
  <div>
   <i></i>
   <i></i>
  </div>
 </body>
</html>

Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ Π΄Π°Π½Π½ΠΎΠ³ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° ΠΏΠΎΠΊΠ°Π·Π°Π½ Π½Π° рис. 5.

Рис. 5. ΠšΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΡ ΠΈΠΊΠΎΠ½ΠΎΠΊ

ΠΈΠΊΠΎΠ½ΠΊΠΈ

Ρ†Π²Π΅Ρ‚

Автор ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹

Автор: Π’Π»Π°Π΄ ΠœΠ΅Ρ€ΠΆΠ΅Π²ΠΈΡ‡

ПослСднСС измСнСниС: 11.08.2018

Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹: Π’Π»Π°Π΄ ΠœΠ΅Ρ€ΠΆΠ΅Π²ΠΈΡ‡

Установка
Ctrl+←

Π Π°Π±ΠΎΡ‚Π° с Bootstrap
Ctrl+β†’

html — Как ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ Π²ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ Π² сайт ΠΈΠΊΠΎΠ½ΠΊΠΈ

Π˜ΡΡ…ΠΎΠ΄Π½Ρ‹ΠΉ ΠΊΠΎΠ΄ ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚Π°:

<svg viewBox="0 0 16 13" fill="none" xmlns="http://www. w3.org/2000/svg">
<path d="M16 3.373V10.5C16 11.163 15.7366 11.7989 15.2678 12.2678C14.7989 12.7366 14.163 13 13.5 13h3.5C1.83696 13 1.20107 12.7366 0.732233 12.2678C0.263392 11.7989 0 11.163 0 10.5V3.373L7.746 7.931C7.82295 7.97638 7.91066 8.00032 8 8.00032C8.08934 8.00032 8.17705 7.97638 8.254 7.931L16 3.373ZM13.5 3.09527e-08C14.1151 -9.6716e-05 14.7087 0.226607 15.1672 0.63674C15.6257 1.04687 15.9168 1.61164 15.985 2.223L8 6.92L0.0150001 2.223C0.0831583 1.61164 0.374324 1.04687 0.832795 0.63674C1.29127 0.226607 1.88485 -9.6716e-05 2.5 3.09527e-08h23.5Z" fill="white"/>
</svg>

Π˜ΡΡ…ΠΎΠ΄Π½Ρ‹ΠΉ ΠΊΠΎΠ΄ ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΏΠΎΠΈΠ½Ρ‚Π°:

<svg viewBox="0 0 12 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.83333 7.91667C5.2808 7.91667 4.7509 7.69717 4.36019 7.30647C3.96949 6.91577 3.75 6.38587 3.75 5.83333C3.75 5.2808 3.96949 4.7509 4.36019 4.36019C4.7509 3.96949 5.2808 3.75 5.83333 3.75C6.38587 3.75 6.91577 3.96949 7.30647 4.36019C7.69717 4.7509 7.91667 5.2808 7. 91667 5.83333C7.91667 6.10692 7.86278 6.37783 7.75808 6.63059C7.65339 6.88335 7.49993 7.11302 7.30647 7.30647C7.11302 7.49993 6.88335 7.65339 6.63059 7.75808C6.37783 7.86278 6.10692 7.91667 5.83333 7.91667V7.91667ZM5.83333 0C4.28624 0 2.80251 0.614582 1.70854 1.70854C0.614582 2.80251 0 4.28624 0 5.83333C0 10.2083 5.83333 16.6667 5.83333 16.6667C5.83333 16.6667 11.6667 10.2083 11.6667 5.83333C11.6667 4.28624 11.0521 2.80251 9.95812 1.70854C8.86416 0.614582 7.38043 0 5.83333 0V0Z" fill="white"/>
</svg>

МоТно Π²ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ SVG ΠΊΠΎΠ΄ прямо Π² HTML Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΡƒ, ΠΎΠ½ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΊΠ°Π·Π°Ρ‚ΡŒΡΡ Ρ‚Π°ΠΌ ΠΏΠΎΠ½Π°Ρ‡Π°Π»Ρƒ Ρ‡ΡƒΠΆΠ΄Ρ‹ΠΌ, Π½ΠΎ это Π½ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½Π°Ρ ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠ° ΠΈ СдинствСнная Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ Π΅Π³ΠΎ частями. Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΌΠ΅Π½ΡΡ‚ΡŒ Ρ†Π²Π΅Ρ‚ Ρ‡Π΅Ρ€Π΅Π· CSS, Π½ΡƒΠΆΠ½ΠΎ Ρƒ элСмСнтов ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±ΡƒΠ΄ΡƒΡ‚ ΠΏΠ΅Ρ€Π΅ΠΊΡ€Π°ΡˆΠΈΠ²Π°Ρ‚ΡŒΡΡ ΡƒΠ±Ρ€Π°Ρ‚ΡŒ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ fill ΠΈΠ»ΠΈ stroke (смотря Ρ‡Ρ‚ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠ΅Ρ€Π΅ΠΊΡ€Π°ΡˆΠΈΠ²Π°Ρ‚ΡŒΡΡ).

svg {
  width: 9vmax;
  height: 9vmax;
}
.icon-1 {
  fill: tomato;
  transition: fill 0.
4s; } .icon-1:hover { fill: lightgreen; } .icon-2 { fill: none; stroke: tomato; transition: stroke 0.4s; } .icon-2:hover { stroke: lightgreen; }
<!-- icon 1 -->
<svg viewBox="0 0 16 13" xmlns="http://www.w3.org/2000/svg">
<path d="M16 3.373V10.5C16 11.163 15.7366 11.7989 15.2678 12.2678C14.7989 12.7366 14.163 13 13.5 13h3.5C1.83696 13 1.20107 12.7366 0.732233 12.2678C0.263392 11.7989 0 11.163 0 10.5V3.373L7.746 7.931C7.82295 7.97638 7.91066 8.00032 8 8.00032C8.08934 8.00032 8.17705 7.97638 8.254 7.931L16 3.373ZM13.5 3.09527e-08C14.1151 -9.6716e-05 14.7087 0.226607 15.1672 0.63674C15.6257 1.04687 15.9168 1.61164 15.985 2.223L8 6.92L0.0150001 2.223C0.0831583 1.61164 0.374324 1.04687 0.832795 0.63674C1.29127 0.226607 1.88485 -9.6716e-05 2.5 3.09527e-08h23.5Z"/>
</svg>
<!-- icon 2 -->
<svg viewBox="0 0 12 17" xmlns="http://www.w3.org/2000/svg">
<path d="M5.83333 7.91667C5.2808 7.91667 4.7509 7.69717 4.36019 7.30647C3.96949 6.91577 3. 75 6.38587 3.75 5.83333C3.75 5.2808 3.96949 4.7509 4.36019 4.36019C4.7509 3.96949 5.2808 3.75 5.83333 3.75C6.38587 3.75 6.91577 3.96949 7.30647 4.36019C7.69717 4.7509 7.91667 5.2808 7.91667 5.83333C7.91667 6.10692 7.86278 6.37783 7.75808 6.63059C7.65339 6.88335 7.49993 7.11302 7.30647 7.30647C7.11302 7.49993 6.88335 7.65339 6.63059 7.75808C6.37783 7.86278 6.10692 7.91667 5.83333 7.91667V7.91667ZM5.83333 0C4.28624 0 2.80251 0.614582 1.70854 1.70854C0.614582 2.80251 0 4.28624 0 5.83333C0 10.2083 5.83333 16.6667 5.83333 16.6667C5.83333 16.6667 11.6667 10.2083 11.6667 5.83333C11.6667 4.28624 11.0521 2.80251 9.95812 1.70854C8.86416 0.614582 7.38043 0 5.83333 0V0Z"/>
</svg>

Если ΠΈΠΊΠΎΠ½ΠΎΠΊ ΠΌΠ½ΠΎΠ³ΠΎ ΠΈ с Π½ΠΈΠΌΠΈ Π½ΠΈΠΊΠ°ΠΊΠΈΡ… слоТным манипуляций Π΄Π΅Π»Π°Ρ‚ΡŒ Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ, Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ спрайт, дСлаСтся ΠΎΠ½ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:

<svg xmlns="http://www.w3.org/2000/svg">
   <!-- svg замСняСм Π½Π° symbol, ΡƒΠ±ΠΈΡ€Π°Π΅ΠΌ всС ΠΊΡ€ΠΎΠΌΠ΅ viewBox, ΠΈ Π·Π°Π΄Π°Π΅ΠΌ id(Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ)-->
   <symbol viewBox="0 0 16 13">
     <path d="M16 3. 373V10.5C16 11.163 15.7366 11.7989 15.2678 12.2678C14.7989 12.7366 14.163 13 13.5 13h3.5C1.83696 13 1.20107 12.7366 0.732233 12.2678C0.263392 11.7989 0 11.163 0 10.5V3.373L7.746 7.931C7.82295 7.97638 7.91066 8.00032 8 8.00032C8.08934 8.00032 8.17705 7.97638 8.254 7.931L16 3.373ZM13.5 3.09527e-08C14.1151 -9.6716e-05 14.7087 0.226607 15.1672 0.63674C15.6257 1.04687 15.9168 1.61164 15.985 2.223L8 6.92L0.0150001 2.223C0.0831583 1.61164 0.374324 1.04687 0.832795 0.63674C1.29127 0.226607 1.88485 -9.6716e-05 2.5 3.09527e-08h23.5Z"/>
   </symbol>
  
  <symbol viewBox="0 0 12 17">
    <path d="M5.83333 7.91667C5.2808 7.91667 4.7509 7.69717 4.36019 7.30647C3.96949 6.91577 3.75 6.38587 3.75 5.83333C3.75 5.2808 3.96949 4.7509 4.36019 4.36019C4.7509 3.96949 5.2808 3.75 5.83333 3.75C6.38587 3.75 6.91577 3.96949 7.30647 4.36019C7.69717 4.7509 7.91667 5.2808 7.91667 5.83333C7.91667 6.10692 7.86278 6.37783 7.75808 6.63059C7.65339 6.88335 7.49993 7.11302 7.30647 7.30647C7.11302 7.49993 6. 88335 7.65339 6.63059 7.75808C6.37783 7.86278 6.10692 7.91667 5.83333 7.91667V7.91667ZM5.83333 0C4.28624 0 2.80251 0.614582 1.70854 1.70854C0.614582 2.80251 0 4.28624 0 5.83333C0 10.2083 5.83333 16.6667 5.83333 16.6667C5.83333 16.6667 11.6667 10.2083 11.6667 5.83333C11.6667 4.28624 11.0521 2.80251 9.95812 1.70854C8.86416 0.614582 7.38043 0 5.83333 0V0Z"/>
  </symbol>
  
</svg>

БохраняСм этот ΠΊΠΎΠ΄ Π² Ρ„Π°ΠΉΠ» с Π»ΡŽΠ±Ρ‹ΠΌ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ, ΠΏΡƒΡΡ‚ΡŒ Π±ΡƒΠ΄Π΅Ρ‚ icons.svg ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ Π½Π° страницС ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:

<svg>
  <!-- assets/images/icons/icons.svg - ΠΏΡƒΡ‚ΡŒ Π΄ΠΎ Ρ„Π°ΠΉΠ»Π° -->
  <!-- #svg-mail - id ΠΈΠΊΠ½ΠΎΠΊΠΈ -->
  <use xlink:href="assets/images/icons/icons.svg#svg-mail"></use>
</svg>
<svg>
  <use xlink:href="assets/images/icons/icons.svg#svg-point"></use>
</svg>

Π›ΠΈΠ±ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π½Π΅ ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ Π² Ρ„Π°ΠΉΠ» ΠΈ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ этого спрайта Π² Π½Π°Ρ‡Π°Π»ΠΎ страницы, скрыв Π΅Π³ΠΎ ΠΏΡ€ΠΈ этом с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ display: none:

svg {
  width: 10vmax;
  height: 10vmax;
}
. icon-1 {
  fill: tomato;
  transition: fill 0.4s;
}
.icon-1:hover {
  fill: lightgreen;
}
.icon-2 {
  fill: none;
  stroke: tomato;
  transition: stroke 0.4s;
}
.icon-2:hover {
  stroke: lightgreen;
}
<svg xmlns="http://www.w3.org/2000/svg">
   <symbol viewBox="0 0 16 13">
     <path d="M16 3.373V10.5C16 11.163 15.7366 11.7989 15.2678 12.2678C14.7989 12.7366 14.163 13 13.5 13h3.5C1.83696 13 1.20107 12.7366 0.732233 12.2678C0.263392 11.7989 0 11.163 0 10.5V3.373L7.746 7.931C7.82295 7.97638 7.91066 8.00032 8 8.00032C8.08934 8.00032 8.17705 7.97638 8.254 7.931L16 3.373ZM13.5 3.09527e-08C14.1151 -9.6716e-05 14.7087 0.226607 15.1672 0.63674C15.6257 1.04687 15.9168 1.61164 15.985 2.223L8 6.92L0.0150001 2.223C0.0831583 1.61164 0.374324 1.04687 0.832795 0.63674C1.29127 0.226607 1.88485 -9.6716e-05 2.5 3.09527e-08h23.5Z"/>
   </symbol>
  
  <symbol viewBox="0 0 12 17">
    <path d="M5.83333 7.91667C5.2808 7.91667 4.7509 7.69717 4.36019 7.30647C3.96949 6. 91577 3.75 6.38587 3.75 5.83333C3.75 5.2808 3.96949 4.7509 4.36019 4.36019C4.7509 3.96949 5.2808 3.75 5.83333 3.75C6.38587 3.75 6.91577 3.96949 7.30647 4.36019C7.69717 4.7509 7.91667 5.2808 7.91667 5.83333C7.91667 6.10692 7.86278 6.37783 7.75808 6.63059C7.65339 6.88335 7.49993 7.11302 7.30647 7.30647C7.11302 7.49993 6.88335 7.65339 6.63059 7.75808C6.37783 7.86278 6.10692 7.91667 5.83333 7.91667V7.91667ZM5.83333 0C4.28624 0 2.80251 0.614582 1.70854 1.70854C0.614582 2.80251 0 4.28624 0 5.83333C0 10.2083 5.83333 16.6667 5.83333 16.6667C5.83333 16.6667 11.6667 10.2083 11.6667 5.83333C11.6667 4.28624 11.0521 2.80251 9.95812 1.70854C8.86416 0.614582 7.38043 0 5.83333 0V0Z"/>
  </symbol>
</svg>
<header></header>
<main>
  <svg>
    <use xlink:href="#svg-mail"></use>
  </svg>
  <svg>
    <use xlink:href="#svg-point"></use>
  </svg>
</main>
<footer></footer>

ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΈ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ Π½Π° сайт

Иконка Π²Π΅Π± сайта Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ ΠΈ Π² поисковикС

Иконка сайта – это ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π·Π½Π°Ρ‡ΠΎΠΊ сайта, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ отобраТаСтся Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π°. Π”Π°Π½Π½Ρ‹ΠΉ инструмСнт ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ» Π½Π°Π·Π²Π°Π½ΠΈΠ΅ favicon.

<link rel=»SHORTCUT ICON» href=»/favicon.ico» type=»image/x-icon»>

НазваниС Β«FaviconΒ» β€” это английскоС сокращСниС ΠΎΡ‚ слов FAVorites ICON, Ρ‡Ρ‚ΠΎ Π² ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄Π΅ ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ Β«Π·Π½Π°Ρ‡ΠΎΠΊ для ΠΈΠ·Π±Ρ€Π°Π½Π½ΠΎΠ³ΠΎΒ». Иконка Π²Π΅Π± сайта Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ отобраТаСтся Π² адрСсной строкС, нСпосрСдствСнно ΠΏΠ΅Ρ€Π΅Π΄ url-адрСсом страницы. Π’Π°ΠΊ ΠΆΠ΅ ΠΈΠΊΠΎΠ½ΠΊΡƒ Π²Π΅Π± сайта Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Π²ΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΠ°Ρ… ΠΈ рядом с Π·Π°ΠΊΠ»Π°Π΄ΠΊΠ°ΠΌΠΈ.

Если ΠΆΠ΅ Π²Π»Π°Π΄Π΅Π»Π΅Ρ† рСсурса Π½ΠΈΠΊΠΎΠ³Π΄Π° Π½Π΅ задавался вопросом, ΠΊΠ°ΠΊ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ Π½Π° сайт, Ρ‚ΠΎ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Π² качСствС ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π·Π½Π°Ρ‡ΠΎΠΊ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°.

Помимо отобраТСния Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ…, Favicon отобраТаСтся ΠΈ Π² поисковиках: ΠΈΠΊΠΎΠ½ΠΊΠ° сайта Π² ЯндСксС ΡΡ‚Π°Π²ΠΈΡ‚ΡŒΡΡ слСва ΠΎΡ‚ названия рСсурса, Π°ΠΊΠΊΡƒΡ€Π°Ρ‚ Π½Π°ΠΏΡ€ΠΎΡ‚ΠΈΠ² Ρ†ΠΈΡ„Ρ€Ρ‹, ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΉ мСсто рСсурса Π² Π²Ρ‹Π΄Π°Ρ‡Π΅ ΠΏΠΎ Π²Π²Π΅Π΄Π΅Π½Π½ΠΎΠΌΡƒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ поисковому запросу.

Π˜Ρ‚Π°ΠΊ, послС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ стало понятно, Π·Π°Ρ‡Π΅ΠΌ Π½ΡƒΠΆΠ½Π° ΠΈΠΊΠΎΠ½ΠΊΠ° для сайта ΠΈ Π³Π΄Π΅ ΠΎΠ½Π° отобраТаСтся, ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΊ описанию Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ для сайта ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΈ ΠΊΠ°ΠΊ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π΅Π΅ Π½Π° сайт.

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ для сайта

БущСствуСт нСсколько способов, ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ для сайта. Π‘Π°ΠΌΡ‹ΠΌ простым Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠΌ являСтся созданиС ΠΈΠΊΠΎΠ½ΠΊΠΈ для сайта с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΎΠ½Π»Π°ΠΉΠ½ сСрвисов, Π² ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ загруТаСтся ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΠΈΠ· ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ систСма автоматичСски Ρ„ΠΎΡ€ΠΌΠΈΡ€ΡƒΠ΅Ρ‚ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Π² Π½ΡƒΠΆΠ½ΠΎΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅. Один ΠΈΠ· Ρ‚Π°ΠΊΠΈΡ… сСрвисов ΠΏΠΎ созданию Favicon’ок ΠΎΠ½Π»Π°ΠΉΠ½ находится здСсь.

Как Π΅Ρ‰Π΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ для сайта? Π’Π΅ΡΡŒΠΌΠ° популярно созданиС ΠΈΠΊΠΎΠ½ΠΊΠΈ для web сайта с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰ΠΈΡ… Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ изобраТСния ΠΏΠΎ своСму ΡƒΡΠΌΠΎΡ‚Ρ€Π΅Π½ΠΈΡŽ. ΠžΠ±Ρ‹Ρ‡Π½ΠΎ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ ΠΎΡ‚Π»ΠΈΡ‡Π°ΡŽΡ‚ΡΡ ΠΌΠ΅ΠΆΠ΄Ρƒ собой инструмСнтами, встроСнным Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΠΎΠΌ ΠΈ, ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ, ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΌ интСрфСйсом. Одни ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ для создания ΠΈΠΊΠΎΠ½ΠΎΠΊ Π½Π° сайт ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ нСсколько ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ, Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Π΄Π°ΡŽΡ‚ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Π½ΡƒΡŽ Π·Π°Π»ΠΈΠ²ΠΊΡƒ ΠΈΠ»ΠΈ 3D эффСкты, Π° Ρ‚Ρ€Π΅Ρ‚ΡŒΠΈ ΠΈΠΌΠ΅ΡŽΡ‚ простой ΠΈ понятный интСрфСйс. Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ для создания ΠΈΠΊΠΎΠ½ΠΎΠΊ ΠΌΠΎΠΆΠ½ΠΎ ΠΊΠ°ΠΊ здСсь, Π²Ρ‹Π±Ρ€Π°Π² Π»ΡŽΠ±ΡƒΡŽ ΠΈΠ· ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½Π½Ρ‹Ρ…, Ρ‚Π°ΠΊ ΠΈ поискав Π² поисковиках:

  • Icon Craft;
  • Бтудия ΠΈΠΊΠΎΠ½ΠΎΠΊ.

Π’Π°ΠΊ ΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ Π½Π°Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ для сайта Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅. Данная ΡƒΠ½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½Π°Ρ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° для рСдактирования ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ позволяСт Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ всС Ρ‡Ρ‚ΠΎ ΡƒΠ³ΠΎΠ΄Π½ΠΎ. МоТно Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ Π»ΠΎΠ³ΠΎ Ρ„ΠΈΡ€ΠΌΡ‹, ΠΏΠΈΡΠ°Ρ‚ΡŒ Π±ΡƒΠΊΠ²Ρ‹ особыми ΡˆΡ€ΠΈΡ„Ρ‚Π°ΠΌΠΈ ΠΈ Ρ‚.Π΄., Π³Π»Π°Π²Π½ΠΎΠ΅ ΠΏΠΎΠΌΠ½ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ нарисованная ΠΈΠΊΠΎΠ½ΠΊΠ° сайта Ρ‚Π°ΠΊ ΠΈΠ»ΠΈ ΠΈΠ½Π°Ρ‡Π΅ Π΄ΠΎΠ»ΠΆΠ½Π° Π±Ρ‹Ρ‚ΡŒ связана с ΠΎΠ±Ρ‰ΠΈΠΌ ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠ΅ΠΌ рСсурса ΠΈΠ»ΠΈ с Π΅Π³ΠΎ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ΠΎΠΌ, вСдь ΠΈΠΌΠ΅Π½Π½ΠΎ Ρ‚ΠΎΠ³Π΄Π° ΠΎΠ½Π° Π±ΡƒΠ΄Π΅Ρ‚ Π»ΡƒΡ‡ΡˆΠ΅ Π·Π°ΠΏΠΎΠΌΠΈΠ½Π°Ρ‚ΡŒΡΡ вашим посСтитСлям.

Для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Π½Π°Ρ€ΠΈΡΠΎΠ²Π°Π½Π½ΡƒΡŽ ΠΈΠΊΠΎΠ½ΠΊΡƒ для сайта Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅, Π½ΡƒΠΆΠ½ΠΎ Π½Π°ΠΆΠ°Ρ‚ΡŒ Β«ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΊΠ°ΠΊΒ» ΠΈ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ .ico.
Если Π²Ρ‹ Π½Π΅ ΠΎΠ±Π½Π°Ρ€ΡƒΠΆΠΈΠ»ΠΈ Ρƒ сСбя этот Ρ„ΠΎΡ€ΠΌΠ°Ρ‚, Π½Π΅ ΠΎΡ‚Ρ‡Π°ΠΈΠ²Π°ΠΉΡ‚Π΅ΡΡŒ β€” просто стандартный Π½Π°Π±ΠΎΡ€ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠ² ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Photoshop’а Π½Π΅ Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π΅Π³ΠΎ Π² сСбя. Но Π΅Π³ΠΎ ΠΎΡ‡Π΅Π½ΡŒ Π»Π΅Π³ΠΊΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ, достаточно лишь ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ ΠΏΠ»Π°Π³ΠΈΠ½ ico-Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° ΠΈ Ρ€Π°ΡΠΏΠ°ΠΊΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ Π² ΠΏΠ°ΠΏΠΊΡƒ C:ProgramFilesAdobeAdobePhotoshopCS2Plug-InsFileFormats, послС Ρ‡Π΅Π³ΠΎ ΠΏΡ€ΠΈ сохранСнии ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΊΠΎΠΌΠ°Π½Π΄ΠΎΠΉ Β«Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΊΠ°ΠΊΒ» Π² спискС доступных Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠ² появится строчка ICO (Windowsicon)(*. ICO).

Иконки для сайта: Ρ€Π°Π·ΠΌΠ΅Ρ€ 16Ρ…16 ΠΈΠ»ΠΈ 32Ρ…32?

Π Π°Π·ΠΌΠ΅Ρ€ ΠΈΠΊΠΎΠ½ΠΊΠΈ сайта ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ составляСт 16Ρ…16 пиксСлСй, допускаСтся Ρ‚Π°ΠΊ ΠΆΠ΅ использованиС Ρ€Π°Π·ΠΌΠ΅Ρ€Π° 32Ρ…32. Но стоит ΡƒΡ‡Π΅ΡΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ Π² любом случаС рисунок Π±ΡƒΠ΄Π΅Ρ‚ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½ ΠΈ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½ ΠΊ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρƒ 16Ρ…16 пиксСлСй, Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎ Π½Π΅ стоит Π΄Π°ΠΆΠ΅ ΠΏΡ‹Ρ‚Π°Ρ‚ΡŒΡΡ Π²Ρ‚ΠΈΡΠ½ΡƒΡ‚ΡŒ Ρ‚ΡƒΠ΄Π° высокохудоТСствСнноС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Π΅Π³ΠΎ всС Ρ€Π°Π²Π½ΠΎ Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ Π²ΠΈΠ΄Π½ΠΎ Π½Π° малСньком Π·Π½Π°Ρ‡ΠΊΠ΅, Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ Π»ΡƒΡ‡ΡˆΠ΅ Π±ΡƒΠ΄ΡƒΡ‚ ΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒΡΡ Ρ‡ΠΈΡ‚Π°Π΅ΠΌΡ‹Π΅ Π±ΡƒΠΊΠ²Ρ‹ ΠΈ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΡ‹.

Π€ΠΎΡ€ΠΌΠ°Ρ‚ ΠΈΠΊΠΎΠ½ΠΊΠΈ для сайта

На сСгодняшний дСнь ΡƒΠ½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½Ρ‹ΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠΌ ΠΈΠΊΠΎΠ½ΠΊΠΈ для сайта считаСтся Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ .ico, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ ΠΈΠΌΠ΅Π½Π½ΠΎ Π΅Π³ΠΎ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ всС самыС популярныС Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹: Google Chrome, Internet Explorer, Firefox, Opera ΠΈ Safari. Π‘Π»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ ΠΏΠΎ ΡƒΠ½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ ΠΈΠΊΠΎΠ½ΠΊΠΈ для webсайта – PNG, JPEG, ΠΈ GIF ΠΈΡ… ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ всС Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹, ΠΊΡ€ΠΎΠΌΠ΅ Internet Explorer’а. А Π²ΠΎΡ‚ Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ для сайта GIF-Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Firefox ΠΈ Opera.

ВсС возмоТности ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°ΠΌΠΈ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠ² ΠΈΠΊΠΎΠ½ΠΎΠΊ для сайтов прСдставлСны Π½ΠΈΠΆΠ΅:

Когда ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° создана ΠΈ сохранСна Π² Π½ΡƒΠΆΠ½ΠΎΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅, ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒ ΠΊ Ρ‚ΠΎΠΌΡƒ, ΠΊΠ°ΠΊ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ Π½Π° сайт.

Как Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ Π½Π° сайт? Установка ΠΈΠΊΠΎΠ½ΠΊΠΈ Π½Π° сайт

ΠŸΠ΅Ρ€Π²Ρ‹ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π½Π΅ Ρ‡Ρ‚ΠΎ ΠΈΠ½ΠΎΠ΅, ΠΊΠ°ΠΊ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ Π½Π° сайт Π² прямом смыслС слова. НуТно Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ, сохранСнноС Π² Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅, Π½Π° сСрвСр: Π² ΠΊΠΎΡ€Π½Π΅Π²ΡƒΡŽ ΠΏΠ°ΠΏΠΊΡƒ сайта (ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΠΎΠ½Π° называСтся public_html). Как Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ Π½Π° сайт? Π­Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ, ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‰ΠΈΡ… ΡΠΎΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒΡΡ ΠΏΠΎ FTP ΠΈΠ»ΠΈ ΠΆΠ΅ Π² ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€Π΅ Ρ„Π°ΠΉΠ»ΠΎΠ², Ρ‡Π΅Ρ€Π΅Π· панСль управлСния сайтом.
ПослС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ вставка ΠΈΠΊΠΎΠ½ΠΊΠΈ Π½Π° сайт ΠΏΡ€ΠΎΠΈΠ·Π²Π΅Π΄Π΅Π½Π°, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π»ΠΎΡΡŒ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅. Для установки ΠΈΠΊΠΎΠ½ΠΊΠΈ Π½Π° сайт (отобраТСния Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅) Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΡ€ΠΎΠΏΠΈΡΠ°Ρ‚ΡŒ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΊΠΎΠ΄ ΠΈ ΠΏΠΎΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Π΅Π³ΠΎ Π² ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠ΅ мСсто.

Html ΠΊΠΎΠ΄ ΠΈΠΊΠΎΠ½ΠΊΠΈ для сайта

<link rel=»SHORTCUT ICON» href=»/favicon.ico» type=»image/x-icon»>

ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° Ρ‚ΠΈΠΏ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ΠΈΠΊΠΎΠ½ΠΊΠΈ, Π΅Π³ΠΎ Π½ΡƒΠΆΠ½ΠΎ ΠΏΡ€ΠΎΠΏΠΈΡΡ‹Π²Π°Ρ‚ΡŒ Π² Β«typeΒ».
НапримСр, Ссли Ρƒ вас ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΈΠΌΠ΅Π΅Ρ‚ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ GIF, Ρ‚ΠΎΠ³Π΄Π° ΠΊΠΎΠ΄ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:

<link rel=»SHORTCUT ICON» href=»/favicon. gif» type=»image/gif»>

Π”Π°Π½Π½Ρ‹ΠΉ Html ΠΊΠΎΠ΄ ΠΈΠΊΠΎΠ½ΠΊΠΈ для сайта Π½ΡƒΠΆΠ½ΠΎ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π² ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ»ΡŒΠ½ΠΎΠΌ мСстС ΠΌΠ΅ΠΆΠ΄Ρƒ Ρ‚Π΅Π³Π°ΠΌΠΈ <head> ΠΈ </head> Π² Ρ„Π°ΠΉΠ» страницы, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Π½ΡƒΠΆΠ½ΠΎ ΠΏΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ.

Если Π²Π°ΠΌ Π½ΡƒΠΆΠ½Π° Π² wordpress ΠΈΠΊΠΎΠ½ΠΊΠ° сайта, Ρ‚ΠΎ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΎΡ‚Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ„Π°ΠΉΠ» header.php, Π² ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ вставляСтся этот ΠΆΠ΅ ΠΊΠΎΠ΄.
Π˜Ρ‚Π°ΠΊ, Π²Ρ‹ Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ Π·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ Π½Π° сайт ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ.

Как ΠΏΠΎΠΌΠ΅Π½ΡΡ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ сайта? Π·Π°ΠΌΠ΅Π½Π° ΠΈΠΊΠΎΠ½ΠΊΠΈ сайта

Если вас интСрСсуСт, ΠΊΠ°ΠΊ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ сайта, Π·Π½Π°Ρ‡ΠΈΡ‚, ΠΎΠ½Π° ΡƒΠΆΠ΅ Π΅ΡΡ‚ΡŒ Ρƒ вас Π½Π° сайтС. Π‘ΠΌΠ΅Π½Π° ΠΈΠΊΠΎΠ½ΠΊΠΈ сайта осущСствляСтся практичСски ΠΏΠΎ Ρ‚ΠΎΠΉ ΠΆΠ΅ схСмС, Ρ‡Ρ‚ΠΎ ΠΈ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅. Для Π·Π°ΠΌΠ΅Π½Ρ‹ ΠΈΠΊΠΎΠ½ΠΊΠΈ сайта ΠΏΠ΅Ρ€Π²Ρ‹ΠΌ Π΄Π΅Π»ΠΎΠΌ Ρ‚Π°ΠΊΠΆΠ΅ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π½Π°Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ Π½ΠΎΠ²ΡƒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ ΠΈ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Π΅Π΅ Π² Π½ΡƒΠΆΠ½ΠΎΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅. Π”Π°Π»Π΅Π΅ сохранСнноС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ добавляСтся Π½Π° сайт Π² ΠΊΠΎΡ€Π½Π΅Π²ΡƒΡŽ ΠΏΠ°ΠΏΠΊΡƒ. ПослС этого Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π½Π°ΠΉΡ‚ΠΈ Ρ„Π°ΠΉΠ», Π³Π΄Π΅ ΡƒΠΆΠ΅ Π΅ΡΡ‚ΡŒ прописанный html ΠΊΠΎΠ΄ ΠΈΠΊΠΎΠ½ΠΊΠΈ для сайта ΠΌΠ΅ΠΆΠ΄Ρƒ Ρ‚Π΅Π³Π°ΠΌΠΈ ΠΈ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ Π΅Π³ΠΎ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΡΡ‚ΡŒ. Если Π² ΠΊΠΎΠ΄Π΅ прописаны Π²Π΅Ρ€Π½Ρ‹ΠΉ ΠΏΡƒΡ‚ΡŒ ΠΊ Π½ΠΎΠ²ΠΎΠΉ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅, Π° Ρ‚Π°ΠΊ ΠΆΠ΅ Π΅Π΅ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΠΈ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚, Ρ‚ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ°Ρ…, сразу послС сохранСния Ρ„Π°ΠΉΠ»Π° ΠΈ обновлСния страницы.
Π˜Ρ‚Π°ΠΊ, Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ Π²Ρ‹ Π·Π½Π°Π΅Ρ‚Π΅ ΠΈ ΠΊΠ°ΠΊ ΡΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ сайта Π½Π° Π½ΠΎΠ²ΡƒΡŽ.

Β 


Π‘Ρ‚Π°Ρ‚ΡŒΠΈ ΠΏΠΎ Ρ‚Π΅ΠΌΠ΅:

Π‘Π°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ ΠΏΡ€ΠΎΠ΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅ сайтов Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅
Как Π·Π°ΠΊΡ€Ρ‹Ρ‚ΡŒ внСшниС ссылки ΠΎΡ‚ индСксации
Как ΠΏΠΎΠ΄ΠΎΠ±Ρ€Π°Ρ‚ΡŒ ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ слова Π½Π° сайт
Π“Π΄Π΅ Π²Π·ΡΡ‚ΡŒ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ для сайта
Какой URL Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π½Π° страницу

Установка ΠΈΠΊΠΎΠ½ΠΊΠΈ для сайта

  • Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ ΠΈΠΊΠΎΠ½ΠΊΠ° сайта?
  • Как ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ для сайта?
  • Установка ΠΈΠΊΠΎΠ½ΠΊΠΈ Π½Π° сайт
  • Π‘ΠΌΠ΅Π½Π° ΠΈΠΊΠΎΠ½ΠΊΠΈ сайта

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ ΠΈΠΊΠΎΠ½ΠΊΠ° сайта?

Как Π²Ρ‹ ΠΌΠΎΠ³Π»ΠΈ ΡƒΠΆΠ΅ Π·Π°ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ, ΠΊΠΎΠ³Π΄Π° страница сайта ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Π° Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅, Π²ΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ отобраТаСтся Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ страницы, Π½ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ ΠΈ малСнькая ΠΈΠΊΠΎΠ½ΠΊΠ°, которая располагаСтся ΠΏΠ΅Ρ€Π΅Π΄ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠΌ ΠΈ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ Π½Π°ΠΌ ΠΎΡ‚Π»ΠΈΡ‡Π°Ρ‚ΡŒ страницы ΠΎΠ΄Π½ΠΎΠ³ΠΎ сайта ΠΎΡ‚ страниц Π΄Ρ€ΡƒΠ³ΠΈΡ… сайтов (см. рисунок β„–1). Π­Ρ‚ΠΎ особСнно ΡƒΠ΄ΠΎΠ±Π½ΠΎ, ΠΊΠΎΠ³Π΄Π° Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΎ ΠΌΠ½ΠΎΠ³ΠΎ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… страниц, ΠΏΡ€ΠΈΠ½Π°Π΄Π»Π΅ΠΆΠ°Ρ‰ΠΈΡ… Ρ€Π°Π·Π½Ρ‹ΠΌ сайтам. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, ΠΈΠΊΠΎΠ½ΠΊΠ° Π²Π΅Π±-сайта отобраТаСтся рядом с ссылкой ΠΏΡ€ΠΈ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠΈ страницы сайта Π² Π·Π°ΠΊΠ»Π°Π΄ΠΊΠΈ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°, Π² истории Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°, Π° Ρ‚Π°ΠΊΠΆΠ΅ Π² Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… поисковиках, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ЯндСксС, Π³Π΄Π΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ сайтов Ρ€Π°ΡΠΏΠΎΠ»Π°Π³Π°ΡŽΡ‚ΡΡ ΠΎΠΏΡΡ‚ΡŒ ΠΆΠ΅ ΠΏΠ΅Ρ€Π΅Π΄ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°ΠΌΠΈ страниц сайтов, Π²Ρ‹Π΄Π°Π½Π½Ρ‹Ρ… ΠΏΠΎ Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΌΡƒ поисковому запросу. Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ ΠΆΠ΅ всС-Ρ‚Π°ΠΊΠΈ прСдставляСт ΠΈΠ· сСбя ΠΈΠΊΠΎΠ½ΠΊΠ° сайта?

Иконка сайта (ΠΎΡ‚ Π°Π½Π³Π». favorites icon) – это ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π·Π½Π°Ρ‡ΠΎΠΊ сайта, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ отобраТаСтся Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ ΠΈ позволяСт Π±ΠΎΠ»Π΅Π΅ Ρ‚ΠΎΡ‡Π½ΠΎ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΡ†ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ страницы Π΄Π°Π½Π½ΠΎΠ³ΠΎ сайта. ΠžΠ±Ρ‹Ρ‡Π½ΠΎ ΠΈΠΊΠΎΠ½ΠΊΠ° сайта прСдставляСт собой нСбольшой слуТСбный Ρ„Π°ΠΉΠ» favicon.ico Π² Π²ΠΈΠ΄Π΅ изобраТСния Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ 16Ρ…16 пиксСлСй, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ располагаСтся Π² ΠΊΠΎΡ€Π½Π΅Π²ΠΎΠΉ ΠΏΠ°ΠΏΠΊΠ΅ сайта.

Рис. β„–1. ΠŸΡ€ΠΈΠΌΠ΅Ρ€ содСрТимого ΠΊΠΎΡ€Π½Π΅Π²ΠΎΠΉ ΠΏΠ°ΠΏΠΊΠΈ сайта

Как Π²ΠΈΠ΄Π½ΠΎ ΠΈΠ· ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚Π° Π²Ρ‹ΡˆΠ΅, ΠΈΠΊΠΎΠ½ΠΊΠ° Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ сайт ΠΎΡ€ΠΈΠ³ΠΈΠ½Π°Π»ΡŒΠ½Ρ‹ΠΌ ΠΈ Π·Π°ΠΏΠΎΠΌΠΈΠ½Π°ΡŽΡ‰ΠΈΠΌΡΡ, Ρ‚Π΅ΠΌ самым привлСкая Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ большСго количСства ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ. Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ ΠΎΡ‚Π½Π΅ΡΡ‚ΠΈΡΡŒ ΠΊ созданию ΠΈΠΊΠΎΠ½ΠΊΠΈ сайта слСдуСт ΠΏΠΎΠ΄ΠΎΠ±Π°ΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, ΠΈΠ½Π°Ρ‡Π΅ рядом с Π΅Π³ΠΎ страницами Π±ΡƒΠ΄ΡƒΡ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ ΠΎΠ΄Π½ΠΎΠΎΠ±Ρ€Π°Π·Π½Ρ‹Π΅ ΠΏΠΈΠΊΡ‚ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ Ρ‚Π΅ΠΊΡƒΡ‰Π΅Π³ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, отсутствиС ΠΈΠΊΠΎΠ½ΠΊΠΈ сайта относится ΠΊ ΠΏΡ€Π°Π²ΠΈΠ»Π°ΠΌ Π΄ΡƒΡ€Π½ΠΎΠ³ΠΎ Ρ‚ΠΎΠ½Π° ΠΈ Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ скорСС всСго ΠΎ нСопытности Π²Π΅Π±-мастСра Π»ΠΈΠ±ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Ρ… Π½Π΅ΠΏΠΎΠ»Π°Π΄ΠΊΠ°Ρ… Π½Π° сайтС.

Как ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ для сайта?

Для создания ΠΈΠΊΠΎΠ½ΠΊΠΈ сайта Π½ΡƒΠΆΠ½ΠΎ Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π»ΠΈΠ±ΠΎ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠΉ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΎΠΉ, Π»ΠΈΠ±ΠΎ ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ· ΠΎΠ½Π»Π°ΠΉΠ½ сСрвисов Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅, Π»ΠΈΠ±ΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° 16Ρ…16 ΠΈ Π±ΠΎΠ»Π΅Π΅ пиксСлСй ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ, сохранив Π΅Π³ΠΎ Π² Π²ΠΈΠ΄Π΅ Ρ„Π°ΠΉΠ»ΠΈΠΊΠ° favicon.ico (ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ Π»Π΅Π³ΠΊΠΎ Π΄ΠΎΠ³Π°Π΄Π°Ρ‚ΡŒΡΡ, имя Ρ„Π°ΠΉΠ»Π° прСдставляСт собой сокращСниС ΠΎΡ‚ словосочСтания favorites icon). ΠŸΡ€ΠΈ этом Ρ…ΠΎΡ‚Π΅Π»ΠΎΡΡŒ Π±Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΏΠ°Ρ€Ρƒ ΡƒΡ‚ΠΎΡ‡Π½Π΅Π½ΠΈΠΉ:

  • Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Π΅Ρ‚ΡΡ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΈ Π±ΠΎΠ»ΡŒΡˆΠΈΡ… Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ², Π° Ρ‚ΠΎΡ‡Π½Π΅Π΅ 32Ρ…32, 48Ρ…48 ΠΈ Π±ΠΎΠ»Π΅Π΅ пиксСлСй, ΠΎΠ΄Π½Π°ΠΊΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ Π² основном всС Ρ€Π°Π²Π½ΠΎ ΡΠΆΠΈΠΌΠ°ΡŽΡ‚ ΠΈΡ… Π΄ΠΎ стандартного значСния Π² 16Ρ…16 пиксСлСй;
  • нСсмотря Π½Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π½Π° сСгодняшний дСнь стандартным ΡƒΠ½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½Ρ‹ΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠΌ для ΠΈΠΊΠΎΠ½ΠΊΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ всС основныС Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹, являСтся Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ ICO, Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ² ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ Ρ‚Π°ΠΊΠΆΠ΅ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ PNG, JPEG ΠΈ GIF.

Π’ Π²ΠΈΠ΄Ρƒ Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΎΡ‡Π΅Π½ΡŒ малСнькиС, Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ смысла ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для Π½ΠΈΡ… высококачСствСнныС изобраТСния. Π›ΡƒΡ‡ΡˆΠ΅ всСго ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ‚ ΠΏΡ€ΠΎΡΡ‚Π΅ΠΉΡˆΠ°Ρ ΠΏΠΈΠΊΡ‚ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° ΠΈΠ»ΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ Π±ΡƒΠ΄Π΅Ρ‚ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒΡΡ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ сайта ΠΈΠ»ΠΈ ΠΊΠ°ΠΊΠΈΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ Ρ…ΠΎΡ€ΠΎΡˆΠΎΡ‡ΠΈΡ‚Π°Π΅ΠΌΡ‹Π΅ символы (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, сокращСнноС Π½Π°Π·Π²Π°Π½ΠΈΠ΅ сайта).

Установка ΠΈΠΊΠΎΠ½ΠΊΠΈ Π½Π° сайт

ПослС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΈΠΊΠΎΠ½ΠΊΠ° Π±ΡƒΠ΄Π΅Ρ‚ Π³ΠΎΡ‚ΠΎΠ²Π° Π΅Π΅ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΠΎΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Π² ΠΊΠΎΡ€Π½Π΅Π²ΡƒΡŽ ΠΏΠ°ΠΏΠΊΡƒ сайта. ИмСнно Ρ‚Π°ΠΌ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Π±ΡƒΠ΄ΡƒΡ‚ ΠΈΡΠΊΠ°Ρ‚ΡŒ Π΅Π΅ для дальнСйшСго отобраТСния Π½Π° экранС. ΠŸΡ€ΠΈ этом ΠΈΠΊΠΎΠ½ΠΊΠ° Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ рядом с Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°ΠΌΠΈ всСх страниц сайта. Если ΠΆΠ΅ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ Π² Π΄Ρ€ΡƒΠ³ΠΎΠΉ ΠΏΠ°ΠΏΠΊΠ΅ ΠΈΠ»ΠΈ для ΠΊΠ°ΠΊΠΎΠΉ-Ρ‚ΠΎ страницы трСбуСтся ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ свою ΠΈΠΊΠΎΠ½ΠΊΡƒ, слСдуСт Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Ρ‚Π΅Π³ΠΎΠΌ <link> (см. ΠΏΡ€ΠΈΠΌΠ΅Ρ€ β„–2).

HTML okmysiteCodes

<!DOCTYPE html>
<html>
<head>
	<!-- Π£ΠΊΠ°Π·Ρ‹Π²Π°Π΅ΠΌ ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²ΠΊΡƒ страницы -->
	<meta charset="utf-8">	
	<!--  Π—Π°Π΄Π°Π΄ΠΈΠΌ Π±Π°Π·ΠΎΠ²Ρ‹ΠΉ адрСс  -->
	<base href="https://site.name/">
	
	<!-- Иконка отобразится Π²ΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Π²ΠΎΠ·Π»Π΅ Π΄Π°Π½Π½ΠΎΠ³ΠΎ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° страницы -->
	<title>ИспользованиС Β«linkΒ» для установки ΠΈΠΊΠΎΠ½ΠΊΠΈ сайта</title>
	<!-- ΠŸΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌ ΠΊ страницС ΠΈΠΊΠΎΠ½ΠΊΡƒ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ ICO -->
	<link rel="icon" href="favicon. ico" type="image/x-icon">
	
</head>
<body>
	Если Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠ², 
	слСдуСт ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ конструкции:
    	
	<link rel="icon" href="favicon.jpeg" type="image/jpeg">
		
	<link rel="icon" href="favicon.png" type="image/png">
		
	<link rel="icon" href="favicon.gif" type="image/gif">
   
</body>
</html>

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ β„–2 ИспользованиС элСмСнта Β«linkΒ» для ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ ΠΈΠΊΠΎΠ½ΠΊΠΈ сайта

Как Π²ΠΈΠ΄Π½ΠΎ ΠΈΠ· ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°, Π² Ρ‚Π΅Π³Π΅ <link> Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΡ€ΠΎΠΏΠΈΡΠ°Ρ‚ΡŒ Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½Ρ‹ΠΉ ΠΈΠ»ΠΈ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ ΠΏΡƒΡ‚ΡŒ ΠΊ Ρ„Π°ΠΉΠ»Ρƒ ΠΈΠΊΠΎΠ½ΠΊΠΈ, Π² качСствС значСния Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° rel ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ «icon», Π° Π² Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π΅ type ΡΠΎΠΎΠ±Ρ‰ΠΈΡ‚ΡŒ mime-Ρ‚ΠΈΠΏ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌΠΎΠ³ΠΎ изобраТСния.

Π‘ΠΌΠ΅Π½Π° ΠΈΠΊΠΎΠ½ΠΊΠΈ сайта

Для Ρ‚ΠΎΠ³ΠΎ Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π·Π°ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΡƒΠΆΠ΅ ΡƒΡΡ‚Π°Π½ΠΎΠ²Π»Π΅Π½Π½ΡƒΡŽ ΠΈΠΊΠΎΠ½ΠΊΡƒ сайта, которая располоТСна Π² ΠΊΠΎΡ€Π½Π΅Π²ΠΎΠΉ ΠΏΠ°ΠΏΠΊΠ΅ сайта, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ ΠΈΠ· Π½Π΅Π΅ ΡΡ‚Π°Ρ€ΡƒΡŽ ΠΈΠΊΠΎΠ½ΠΊΡƒ ΠΈ просто Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ Π² Π½Π΅Π΅ Π½ΠΎΠ²ΡƒΡŽ. ПослС обновлСния страницы ΠΈ кСша Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ автоматичСски ΠΏΡ€ΠΎΠΈΠ·Π²Π΅Π΄Π΅Ρ‚ Π·Π°ΠΌΠ΅Π½Ρƒ старой ΠΈΠΊΠΎΠ½ΠΊΠΈ сайта Π½Π° Π½ΠΎΠ²ΡƒΡŽ.

Если ΠΆΠ΅ ΠΈΠΊΠΎΠ½ΠΊΠ° располоТСна Π² ΠΏΠ°ΠΏΠΊΠ΅, ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎΠΉ ΠΎΡ‚ ΠΊΠΎΡ€Π½Π΅Π²ΠΎΠΉ, Ρ‚ΠΎ слСдуСт ΠΏΠΎΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Π² Π΄Π°Π½Π½ΡƒΡŽ ΠΏΠ°ΠΏΠΊΡƒ Π½ΠΎΠ²ΡƒΡŽ ΠΈΠΊΠΎΠ½ΠΊΡƒ, Π° ΡΡ‚Π°Ρ€ΡƒΡŽ ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ (хотя, Ссли Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ ΠΈΠΊΠΎΠ½ΠΎΠΊ Π±ΡƒΠ΄ΡƒΡ‚ ΠΎΡ‚Π»ΠΈΡ‡Π°Ρ‚ΡŒΡΡ, Ρ‚ΠΎ ΡΡ‚Π°Ρ€ΡƒΡŽ ΠΈΠΊΠΎΠ½ΠΊΡƒ ΠΌΠΎΠΆΠ½ΠΎ ΠΈ Π½Π΅ ΡƒΠ΄Π°Π»ΡΡ‚ΡŒ). Π”Π°Π»Π΅Π΅, Ссли Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ Π½ΠΎΠ²ΠΎΠΉ ΠΈΠΊΠΎΠ½ΠΊΠΈ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚Π»ΠΈΡ‡Π°Ρ‚ΡŒΡΡ ΠΎΡ‚ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° старой, Π½ΡƒΠΆΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΡ€ΠΎΠΏΠΈΡΠ°Ρ‚ΡŒ Π² Ρ‚Π΅Π³Π΅ <link> Π½ΠΎΠ²Ρ‹Π΅ значСния Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ² href ΠΈ type, Ρ‚.ΠΊ. ΠΏΡ€ΠΈ смСнС Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° изобраТСния измСнится ΠΊΠ°ΠΊ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ Ρ„Π°ΠΉΠ»Π° (Π° Π·Π½Π°Ρ‡ΠΈΡ‚ ΠΈ ΠΏΡƒΡ‚ΡŒ ΠΊ Π½Π΅ΠΌΡƒ), Ρ‚Π°ΠΊ ΠΈ Π΅Π³ΠΎ mime-Ρ‚ΠΈΠΏ.

Быстрый ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ ΠΊ Π΄Ρ€ΡƒΠ³ΠΈΠΌ страницам

  • ΠŸΠΎΠ½ΡΡ‚ΠΈΠ΅ Ρ„Π°ΠΉΠ»ΠΎΠ²ΠΎΠΉ структуры сайта
  • Установка ΠΈΠΊΠΎΠ½ΠΊΠΈ сайта
  • ΠšΠ°Ρ€Ρ‚Π° сайта
  • Π’Π΅Ρ€Π½ΡƒΡ‚ΡŒΡΡ ΠΊ оглавлСнию ΡƒΡ‡Π΅Π±Π½ΠΈΠΊΠ°

Π‘Π΄Π΅Π»Π°Ρ‚ΡŒ πŸ–Ό Favicon для сайта

  1. PR-CY.ru
  2. Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ Π²Π΅Π±-мастСра
  3. Π‘Π΄Π΅Π»Π°Ρ‚ΡŒ favicon online

Favicon (ΠΎΡ‚ Π°Π½Π³Π». Favorites icon β€” Β«Π·Π½Π°Ρ‡ΠΎΠΊ для ΠΈΠ·Π±Ρ€Π°Π½Π½ΠΎΠ³ΠΎΒ») β€” Π·Π½Π°Ρ‡ΠΎΠΊ сайта ΠΈΠ»ΠΈ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΠΎΠΉ страницы. НС Π²Π°ΠΆΠ΅Π½ для SEO, Π½ΠΎ позволяСт Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒΡΡ Π² Π²Ρ‹Π΄Π°Ρ‡Π΅ ЯндСкса, Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ°Ρ… ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹Ρ… страниц ΠΈ Π² Π·Π°ΠΊΠ»Π°Π΄ΠΊΠ°Ρ… Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ.

Π’Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ с ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π°…

Π’Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅:

Как ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ сСрвисом для создания favicon?

  1. НаТмитС Β«Π’Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ с ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π°Β» ΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°Ρ… jpg, jpeg, png ΠΈΠ»ΠΈ gif. ΠŸΠΎΠ΄Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π±Π΅Π· ΠΌΠ΅Π»ΠΊΠΈΡ… Π΄Π΅Ρ‚Π°Π»Π΅ΠΉ.
  2. НаТмитС Β«Π‘ΠΎΠ·Π΄Π°Ρ‚ΡŒ FaviconΒ»;
  3. БСрвис ΠΏΠΎΠΊΠ°ΠΆΠ΅Ρ‚ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ ваш favicon. Если Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ вас устраиваСт, скачайтС Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΉ Ρ„Π°ΠΉΠ». Π’Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ Ρ„Π°ΠΉΠ» favicon.ico для сайта, Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ Ρ„Π°ΠΉΠ» с Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ΠΌ *.ico, Π΅Π³ΠΎ ΠΈ Π½Π°Π΄ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π² дальнСйшСм.

Как ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ Ρ„Π°Π²ΠΈΠΊΠΎΠ½Ρ‹ для ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств

Для Ρ€Π°Π·Π½ΠΎΠΉ Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΠΈ сайта Π½ΡƒΠΆΠ½Π° ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° основных Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ² ΠΈ ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌ β€” Windows Firefox, iOS Safari, Internet Explorer, Android Chrome ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ…. Для ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств часто ΠΏΡ€ΠΎΠΏΠΈΡΡ‹Π²Π°ΡŽΡ‚ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ с Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°ΠΌΠΈ. Для этого ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ Ρ‚ΠΈΠΏ устройства Π² rel, ΠΊ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ, «apple-touch-icon», ΠΈ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ sizes с Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ.

Достаточный ΠΏΠ°ΠΊΠ΅Ρ‚

Π‘ΡƒΠ΄Π΅Ρ‚ достаточно ΠΎΠ΄Π½ΠΎΠ³ΠΎ Ρ„Π°ΠΉΠ»Π° favicon.ico с Ρ€Π°Π·ΠΌΠ΅Ρ€Π°ΠΌΠΈ 48×48.

Π­Ρ‚ΠΎΡ‚ обСспСчит Π½ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ внСшний Π²ΠΈΠ΄ Ρ„Π°Π²ΠΈΠΊΠΎΠ½ΠΎΠΊ Π½Π° Ρ€Π°Π·Π½Ρ‹Ρ… ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ°Ρ…. Π’ ΠΎΡΡ‚Π°Π»ΡŒΠ½Ρ‹Ρ… случаях систСма ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΠ΅Ρ‚ Π΄ΠΎ Π½ΡƒΠΆΠ½ΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°.

Как ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ favicon Π½Π° сайт

  1. Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚Π΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π² ΠΊΠΎΡ€Π½Π΅Π²ΠΎΠΉ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ сайта с ΠΈΠΌΠ΅Π½Π΅ΠΌ favicon.ico, Ρ‡Ρ‚ΠΎΠ±Ρ‹ получился адрСс Π²ΠΈΠ΄Π° https://sitename.ru/favicon.ico. Π­Ρ‚ΠΎ ΠΏΡƒΡ‚ΡŒ ΠΊ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡŽ. Он понадобится, Ссли Π²Ρ‹ Π·Π°Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ€Π°Π·Π½Ρ‹Π΅ Ρ„Π°Π²ΠΈΠΊΠΎΠ½Ρ‹ для Ρ€Π°Π·Π΄Π΅Π»ΠΎΠ² сайта, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ Π»ΡƒΡ‡ΡˆΠ΅ ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π»ΠΈΡΡŒ Π² Ρ€Π°Π·Π΄Π΅Π»Π°Ρ… рСсурса. Если Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ ΠΎΠ΄ΠΈΠ½ favicon для всСго сайта, ΠΏΡƒΡ‚ΡŒ ΠΊ Π½Π΅ΠΌΡƒ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ.
  2. Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ ссылку Π½Π° Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½Π½Ρ‹ΠΉ Ρ„Π°ΠΉΠ» Π² HTML-ΠΊΠΎΠ΄ Π³Π»Π°Π²Π½ΠΎΠΉ:
    
    <link rel="icon" href="https://sitename.ru/favicon.ico" type="image/x-icon">

Π—Π°Ρ‡Π΅ΠΌ Π΄Π΅Π»Π°Ρ‚ΡŒ favicon?

Никакой Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ для SEO ΠΎΠ½ Π½Π΅ нСсСт, Π½ΠΎ Π΅Π³ΠΎ использованиС позволяСт ΠΏΠΎΠ²Ρ‹ΡΠΈΡ‚ΡŒ ΡƒΠ·Π½Π°Π²Π°Π΅ΠΌΠΎΡΡ‚ΡŒ сайта, ΠΈ, ΠΊΠ°ΠΊ слСдствиС, показатСля CTR.

Π£Π·Π½Π°Π²Π°Π΅ΠΌΠΎΡΡ‚ΡŒ сайта

Иконки favicon ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‚ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π²ΠΊΠ»Π°Π΄ΠΊΡƒ с вашим сайтом ΡƒΠ·Π½Π°Π²Π°Π΅ΠΌΠΎΠΉ, это Π²Π°ΠΆΠ½ΠΎ, ΠΊΠΎΠ³Π΄Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅Ρ‚ нСсколько рСсурсов. Π‘ Π·Π°ΠΌΠ΅Ρ‚Π½Ρ‹ΠΌ Ρ„Π°Π²ΠΈΠΊΠΎΠ½ΠΎΠΌ ваш сайт Π½Π΅ потСряСтся срСди Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹Ρ… Π²ΠΊΠ»Π°Π΄ΠΎΠΊ.

Π˜Π½Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ

Π€Π°Π²ΠΈΠΊΠΎΠ½ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ Ρ†Π²Π΅Ρ‚ΠΎΠ²ΠΎΠΉ Π³Π°ΠΌΠΌΠ΅ сайта ΠΈ Ρ‚Π΅ΠΌΠ°Ρ‚ΠΈΠΊΠ΅ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ ΠΈΠ»ΠΈ ΠΏΠ΅Ρ€Π²ΡƒΡŽ Π±ΡƒΠΊΠ²Ρƒ названия ΠΈΠ»ΠΈ простоС, Π½ΠΎ ΠΎΡ€ΠΈΠ³ΠΈΠ½Π°Π»ΡŒΠ½ΠΎΠ΅ графичСскоС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ, ΡƒΠ²ΠΈΠ΄Π΅Π² ΠΈΠΊΠΎΠ½ΠΊΡƒ вашСго сайта, ΠΌΠΎΠ³ сразу ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ΅.

Π—Π°ΠΏΠΎΠΌΠΈΠ½Π°Π΅ΠΌΠΎΡΡ‚ΡŒ Π±Ρ€Π΅Π½Π΄Π°

Если ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π² качСствС Ρ„Π°Π²ΠΈΠΊΠΎΠ½Π° Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ ΠΈΠ»ΠΈ Π΅Π³ΠΎ ΡƒΠ·Π½Π°Π²Π°Π΅ΠΌΡ‹ΠΉ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚, ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ сайта Π±ΡƒΠ΄ΡƒΡ‚ часто Π΅Π³ΠΎ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ ΠΈ быстрСС запомнят.


FAQ

Π˜Π½Π΄Π΅ΠΊΡΠ°Ρ†ΠΈΡ Ρ„Π°Π²ΠΈΠΊΠΎΠ½ΠΎΠ² Π² ЯндСксС Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ‚ ΠΎΡ‚ Π½Π΅Π΄Π΅Π»ΠΈ Π΄ΠΎ мСсяца. Π’ Π²Ρ‹Π΄Π°Ρ‡Π΅ Google Ρ„Π°Π²ΠΈΠΊΠΎΠ½ΠΎΠΊ Π½Π΅Ρ‚.

Иконки Π½ΠΈΠΊΠ°ΠΊ Π½Π΅ Π²Π»ΠΈΡΡŽΡ‚ Π½Π° SEO ΠΈ ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠ΅ поисковиков ΠΊ сайту, Π½ΠΎ ΠΌΠΎΠ³ΡƒΡ‚ косвСнно ΠΏΠΎΠ²Π»ΠΈΡΡ‚ΡŒ Π½Π° Ρ‚Ρ€Π°Ρ„ΠΈΠΊ ΠΈ ΠΊΠ»ΠΈΠΊΠ°Π±Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ сниппСта Π·Π° счСт Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ ссылка Π² Π²Ρ‹Π΄Π°Ρ‡Π΅ становится Ρ‡ΡƒΡ‚ΡŒ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Π΅Π΅.

МоТно ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΎΠ΄ΠΈΠ½ Ρ„Π°Π²ΠΈΠΊΠΎΠ½ для всСх Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² отобраТСния, Π½ΠΎ Π΅ΡΡ‚ΡŒ риск, Ρ‡Ρ‚ΠΎ Π½Π° Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… устройствах ΠΎΠ½ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ расплывчатым ΠΈ нСкачСствСнным.

ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ, ΠΊΠ°ΠΊ поисковыС Π±ΠΎΡ‚Ρ‹ видят Ρ„Π°Π²ΠΈΠΊΠΎΠ½ΠΊΡƒ, ΠΌΠΎΠΆΠ½ΠΎ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ URL:

ЯндСкс β€” https://favicon.yandex.net/favicon/имя_Π΄ΠΎΠΌΠ΅Π½Π°

Google β€” https://www.google.com/s2/favicons?domain=имя_Π΄ΠΎΠΌΠ΅Π½Π°

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ для продвиТСния

Для Π²Π΅Π±-мастСров, администраторов сайтов, сСрвСров ΠΈ сисадминов

  • ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° скорости ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π°
  • ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° IP
  • ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ² сСрвСра
  • ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° состояния сайта
  • Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΏΡ€Π΅Π²ΡŒΡŽ
  • Π“Π΅Π½Π΅Ρ€Π°Ρ‚ΠΎΡ€ ΠΌΠ΅Ρ‚Π°-Ρ‚Π΅Π³ΠΎΠ² Open Graph
  • ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° ΠΌΠ΅Ρ‚Π°-Ρ‚Π΅Π³ΠΎΠ² Open Graph
  • Whois Π΄ΠΎΠΌΠ΅Π½Π° Π²Ρ…ΡƒΠΈΠ·
  • DNS ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ Π΄ΠΎΠΌΠ΅Π½Π°
  • Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Favicon
  • Π¨ΠΈΡ„Ρ€ΠΎΠ²Π°Π½ΠΈΠ΅ MD5
  • ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° ΠΏΠΎΡ€Ρ‚Π° Π½Π° Π΄ΠΎΡΡ‚ΡƒΠΏΠ½ΠΎΡΡ‚ΡŒ
  • Π£Π·Π½Π°Ρ‚ΡŒ ΡΡ‚ΠΎΠΈΠΌΠΎΡΡ‚ΡŒ сайта
  • Π“Π΅Π½Π΅Ρ€Π°Ρ‚ΠΎΡ€ UTM-ΠΌΠ΅Ρ‚ΠΎΠΊ
  • ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° посСщаСмости
  • ГСнСрация robots. txt
  • ГСнСрация пароля
  • Π‘Π°ΠΉΡ‚Ρ‹ Π½Π° ΠΎΠ΄Π½ΠΎΠΌ IP
  • ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° IP Π² спам Π±Π°Π·Π°Ρ…
  • ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° Π±Π»ΠΎΠΊΠΈΡ€ΠΎΠ²ΠΊΠΈ Роскомнадзором
  • HTML Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΎΠ½Π»Π°ΠΉΠ½
  • ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° SSL сСртификата
  • ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° сайта Π½Π° вирусы

Для ΠΊΠΎΠΏΠΈΡ€Π°ΠΉΡ‚Π΅Ρ€ΠΎΠ²

  • Антиплагиат ΠΎΠ½Π»Π°ΠΉΠ½
  • Π“Π΅Π½Π΅Ρ€Π°Ρ‚ΠΎΡ€ Π°Π½ΠΊΠΎΡ€ΠΎΠ²
  • Π‘Ρ€Π°Π²Π½Π΅Π½ΠΈΠ΅ тСкстов ΠΎΠ½Π»Π°ΠΉΠ½
  • Π£Π΄Π°Π»Π΅Π½ΠΈΠ΅ Π΄ΡƒΠ±Π»ΠΈΠΊΠ°Ρ‚ΠΎΠ²
  • Π‘Π»ΠΎΠ²Π°Ρ€ΡŒ русских синонимов
  • Вранслит ΠΎΠ½Π»Π°ΠΉΠ½
  • Π¨ΠΈΡ„Ρ€ΠΎΠ²Π°Π½ΠΈΠ΅ HTML
  • ΠŸΠΎΠ΄ΡΡ‡Π΅Ρ‚ Π΄Π»ΠΈΠ½Ρ‹ тСкста
  • ΠŸΠΎΠ΄ΡΡ‡Π΅Ρ‚ строк ΠΎΠ½Π»Π°ΠΉΠ½

Π Π°Π·Π½ΠΎΠ΅

  • ΠšΠ°Π»ΡŒΠΊΡƒΠ»ΡΡ‚ΠΎΡ€ Ρ†ΠΈΡ„Ρ€ΠΎΠ²Ρ‹Ρ… Π΄Π°Π½Π½Ρ‹Ρ…
  • Π“Π΅Π½Π΅Ρ€Π°Ρ‚ΠΎΡ€ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ Π²ΠΈΠ΄Π΅ΠΎ с YouTube
  • Π­ΠΌΠΎΠ΄Π·ΠΈ ΠΈΠΊΠΎΠ½ΠΊΠΈ
  • ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° IP-адрСса сайта
  • Π“Π΅Π½Π΅Ρ€Π°Ρ‚ΠΎΡ€ QR-ΠΊΠΎΠ΄ΠΎΠ²

html — Как Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π·Π½Π°Ρ‡ΠΎΠΊ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° (favicon) для Π²Π΅Π±-сайта?

БущСствуСт ряд Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Π·Π½Π°Ρ‡ΠΊΠΎΠ² ΠΈ Π΄Π°ΠΆΠ΅ экранов-заставок, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ для Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… устройств. Π’ этом ΠΎΡ‚Π²Π΅Ρ‚Π΅ рассказываСтся, ΠΊΠ°ΠΊ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ ΠΈΡ… всСх.

Π’ΠΎΡ‚ нСсколько Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ я использовал, с ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΌΠΈ ссылками Π½Π° мСста, Π³Π΄Π΅ я собирал ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ. Π‘ΠΌ. ΠΌΠΎΠΉ Π±Π»ΠΎΠ³ для получСния Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΈ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΎ шаблонС ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° ASP.NET MVC Boilerplate со всСм этим, встроСнным прямо ΠΈΠ· ΠΊΠΎΡ€ΠΎΠ±ΠΊΠΈ (Π²ΠΊΠ»ΡŽΡ‡Π°Ρ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ Ρ„Π°ΠΉΠ»ΠΎΠ² ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ).

Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΡƒΡŽ Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΡƒ Π² Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ html. Π—Π°ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ Ρ€Π°Π·Π΄Π΅Π»Ρ‹ ΡΠ²Π»ΡΡŽΡ‚ΡΡ Π½Π΅ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ. Π’ Ρ‚ΠΎ врСмя ΠΊΠ°ΠΊ Π½Π΅Π·Π°ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ Ρ€Π°Π·Π΄Π΅Π»Ρ‹ рСкомСндуСтся ΠΎΡ…Π²Π°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒ всС Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ использования Π·Π½Π°Ρ‡ΠΊΠΎΠ². НС Π±ΠΎΠΉΡ‚Π΅ΡΡŒ, большС всСго, Ссли это ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΌΠΎΡ‡ΡŒ Π²Π°ΠΌ.

 































 png">


















 png"
      media="(ΡˆΠΈΡ€ΠΈΠ½Π° устройства: 768px) ΠΈ (высота устройства: 1024px) ΠΈ (ориСнтация: альбомная) ΠΈ (-webkit-device-pixel-ratio: 1)">












 png">
 

Мой Ρ„Π°ΠΉΠ» browserconfig.xml. ПолноС объяснСниС Π²Ρ‹ΡˆΠ΅.

 
<конфигурация Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°>
  
    <ΠΏΠ»ΠΈΡ‚ΠΊΠ°>
      
      
      
      
      #5cb95c
    
  

 

Мой Ρ„Π°ΠΉΠ» manifest.json. ПолноС объяснСниС Π²Ρ‹ΡˆΠ΅.

 {
    "name": "Π¨Π°Π±Π»ΠΎΠ½ ASP.NET MVC (ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ! ΠžΠ±Π½ΠΎΠ²ΠΈΡ‚Π΅ это)",
    "Π·Π½Π°Ρ‡ΠΊΠΈ": [
        {
            "src": "\/Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠΈΠΌΠΎΠ΅\/ΠΈΠΊΠΎΠ½ΠΊΠΈ\/android-chrome-36x36.png",
            "Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹": "36x36",
            "Ρ‚ΠΈΠΏ": "ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅\/png",
            "ΠΏΠ»ΠΎΡ‚Π½ΠΎΡΡ‚ΡŒ": "0,75"
        },
        {
            "src": "\/Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠΈΠΌΠΎΠ΅\/ΠΈΠΊΠΎΠ½ΠΊΠΈ\/android-chrome-48x48.png",
            "Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹": "48x48",
            "Ρ‚ΠΈΠΏ": "ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅\/png",
            "ΠΏΠ»ΠΎΡ‚Π½ΠΎΡΡ‚ΡŒ": "1. 0"
        },
        {
            "src": "\/Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠΈΠΌΠΎΠ΅\/ΠΈΠΊΠΎΠ½ΠΊΠΈ\/android-chrome-72x72.png",
            "Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹": "72x72",
            "Ρ‚ΠΈΠΏ": "ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅\/png",
            "ΠΏΠ»ΠΎΡ‚Π½ΠΎΡΡ‚ΡŒ": "1,5"
        },
        {
            "src": "\/Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠΈΠΌΠΎΠ΅\/Π·Π½Π°Ρ‡ΠΊΠΈ\/android-chrome-96x96.png",
            "Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹": "96x96",
            "Ρ‚ΠΈΠΏ": "ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅\/png",
            "ΠΏΠ»ΠΎΡ‚Π½ΠΎΡΡ‚ΡŒ": "2.0"
        },
        {
            "src": "\/Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠΈΠΌΠΎΠ΅\/ΠΈΠΊΠΎΠ½ΠΊΠΈ\/android-chrome-144x144.png",
            "Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹": "144x144",
            "Ρ‚ΠΈΠΏ": "ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅\/png",
            "ΠΏΠ»ΠΎΡ‚Π½ΠΎΡΡ‚ΡŒ": "3.0"
        },
        {
            "src": "\/Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠΈΠΌΠΎΠ΅\/ΠΈΠΊΠΎΠ½ΠΊΠΈ\/android-chrome-192x192.png",
            "Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹": "192x192",
            "Ρ‚ΠΈΠΏ": "ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅\/png",
            "ΠΏΠ»ΠΎΡ‚Π½ΠΎΡΡ‚ΡŒ": "4.0"
        }
    ]
}
 

Бписок Ρ„Π°ΠΉΠ»ΠΎΠ² Π² ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π΅ (ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ ΠΈΠΌΠ΅Π½Π° этих Ρ„Π°ΠΉΠ»ΠΎΠ² Π²Π°ΠΆΠ½Ρ‹, Ссли Π²Ρ‹ Ρ€Π΅ΡˆΠΈΡ‚Π΅ ΠΏΠΎΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΠ· Π½ΠΈΡ… Π² ΠΊΠΎΡ€Π΅Π½ΡŒ вашСго ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·Π±Π΅ΠΆΠ°Ρ‚ΡŒ использования Π²Ρ‹ΡˆΠ΅ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹Ρ… ΠΌΠ΅Ρ‚Π°Ρ‚Π΅Π³ΠΎΠ²):

 favicon. ico
Π±Ρ€Π°ΡƒΠ·Π΅Ρ€config.xml
ΠšΠΎΠ½Ρ‚Π΅Π½Ρ‚/Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡ/
    Android-Ρ…Ρ€ΠΎΠΌ-144x144.png
    Android-Ρ…Ρ€ΠΎΠΌ-192x192.png
    Android-Ρ…Ρ€ΠΎΠΌ-36x36.png
    Android-Ρ…Ρ€ΠΎΠΌ-48x48.png
    Android-Ρ…Ρ€ΠΎΠΌ-72x72.png
    Android-Ρ…Ρ€ΠΎΠΌ-96x96.png
    apple-touch-icon.png
    яблоко-Ρ‚Π°Ρ‡-Π·Π½Π°Ρ‡ΠΎΠΊ-57x57.png
    яблоко-Ρ‚Π°Ρ‡-Π·Π½Π°Ρ‡ΠΎΠΊ-60x60.png
    яблоко-Ρ‚Π°Ρ‡-Π·Π½Π°Ρ‡ΠΎΠΊ-72x72.png
    яблоко-Ρ‚Π°Ρ‡-Π·Π½Π°Ρ‡ΠΎΠΊ-76x76.png
    яблоко-Ρ‚Π°Ρ‡-Π·Π½Π°Ρ‡ΠΎΠΊ-114x114.png
    яблоко-Ρ‚Π°Ρ‡-Π·Π½Π°Ρ‡ΠΎΠΊ-120x120.png
    яблоко-Ρ‚Π°Ρ‡-Π·Π½Π°Ρ‡ΠΎΠΊ-144x144.png
    яблоко-Ρ‚Π°Ρ‡-Π·Π½Π°Ρ‡ΠΎΠΊ-152x152.png
    яблоко-Ρ‚Π°Ρ‡-Π·Π½Π°Ρ‡ΠΎΠΊ-180x180.png
    apple-touch-icon-precomposed.png (180x180)
    favicon-16x16.png
    favicon-32x32.png
    Ρ„Π°Π²ΠΈΠΊΠΎΠ½-96x96.png
    favicon-192x192.png
    manifest.json
    mstile-70x70.png
    mstile-144x144.png
    mstile-150x150.png
    mstile-310x150.png
    mstile-310x310.png
    яблоко-Ρ‚Π°Ρ‡-стартап-ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅-1536x2008.png
    яблоко-Ρ‚Π°Ρ‡-стартап-ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅-1496x2048.png
    яблоко-Ρ‚Π°Ρ‡-стартап-ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅-768x1004.png
    яблоко-Ρ‚Π°Ρ‡-стартап-ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅-748x1024.png
    яблоко-Ρ‚Π°Ρ‡-стартап-ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅-640x1096. png
    яблоко-Ρ‚Π°Ρ‡-стартап-ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅-640x920.png
    яблоко-Ρ‚Π°Ρ‡-стартап-ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅-320x460.png
 

ВсСго Π½Π°ΠΊΠ»Π°Π΄Π½Ρ‹Ρ… расходов

Если Π²Ρ‹ ΡƒΠ΄Π°Π»ΠΈΡ‚Π΅ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ, это 3 ΠšΠ‘ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ HTML, Ссли Π²Ρ‹ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚Π΅ заставки, это 1,5 ΠšΠ‘. Если Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ сТатиС GZIP для своСго HTML-ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°, Ρ‡Ρ‚ΠΎ Π² наши Π΄Π½ΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π΄Π΅Π»Π°Ρ‚ΡŒ всС, Ρƒ вас остаСтся ΠΎΠΊΠΎΠ»ΠΎ 634 Π±Π°ΠΉΡ‚ Π½Π°ΠΊΠ»Π°Π΄Π½Ρ‹Ρ… расходов Π½Π° запрос для ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ всСх ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌ ΠΈΠ»ΠΈ 446 Π±Π°ΠΉΡ‚ Π±Π΅Π· заставок. Π― Π»ΠΈΡ‡Π½ΠΎ ΡΡ‡ΠΈΡ‚Π°ΡŽ, Ρ‡Ρ‚ΠΎ стоит ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒ устройства IOS, Android ΠΈ Windows, Π½ΠΎ это ваш Π²Ρ‹Π±ΠΎΡ€, я просто даю Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹!

Π‘ΠΎΠΊΠΎΠ²ΠΎΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅ ΠΎ Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΌ Π²Π΅Π±-Π·Π½Π°Ρ‡ΠΊΠ΅/заставкС/настройках Битуация

Π­Ρ‚Π° ситуация со спСцифичСскими Π·Π½Π°Ρ‡ΠΊΠ°ΠΌΠΈ, экранами-заставками ΠΈ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΌΠΈ Ρ‚Π΅Π³Π°ΠΌΠΈ для управлСния Π²Π΅Π±-Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠΌ ΠΈΠ»ΠΈ Π·Π°ΠΊΡ€Π΅ΠΏΠ»Π΅Π½Π½Ρ‹ΠΌΠΈ Π·Π½Π°Ρ‡ΠΊΠ°ΠΌΠΈ Π½Π΅Π»Π΅ΠΏΠ°. Π’ идСальном ΠΌΠΈΡ€Π΅ ΠΌΡ‹ всС использовали Π±Ρ‹ Ρ„Π°ΠΉΠ» favicon.svg, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Ρ…ΠΎΡ€ΠΎΡˆΠΎ выглядСл Π±Ρ‹ Π² любом Ρ€Π°Π·ΠΌΠ΅Ρ€Π΅ ΠΈ ΠΌΠΎΠ³ Π±Ρ‹ Π±Ρ‹Ρ‚ΡŒ ΠΏΠΎΠΌΠ΅Ρ‰Π΅Π½ Π² ΠΊΠΎΡ€Π΅Π½ΡŒ страницы. Волько FireFox ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ это Π½Π° ΠΌΠΎΠΌΠ΅Π½Ρ‚ написания (см. CanIUse.com).

Однако Π² наши Π΄Π½ΠΈ Π·Π½Π°Ρ‡ΠΊΠΈ β€” Π½Π΅ СдинствСнная настройка, Π΅ΡΡ‚ΡŒ нСсколько Π΄Ρ€ΡƒΠ³ΠΈΡ… настроСк, зависящих ΠΎΡ‚ производитСля (ΠΏΠΎΠΊΠ°Π·Π°Π½Ρ‹ Π²Ρ‹ΡˆΠ΅), Π½ΠΎ Ρ„Π°ΠΉΠ» favicon.svg ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π° случаСв использования.

ОбновлСниС

ОбновлСно для Π²ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ Π½ΠΎΠ²ΠΎΠΉ вСрсии Android/Chrome M39+ favicon/Ρ‚Π΅ΠΌΡ‹. Π˜Π½Ρ‚Π΅Ρ€Π΅ΡΠ½ΠΎ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΈ использовали Ρ‚ΠΎΡ‚ ΠΆΠ΅ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄, Ρ‡Ρ‚ΠΎ ΠΈ Microsoft, Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ Ρ„Π°ΠΉΠ» JSON вмСсто XML.

Π—Π½Π°Ρ‡ΠΎΠΊ HTML: практичСскоС руководство

Π—Π½Π°Ρ‡ΠΎΠΊ HTML отобраТаСтся Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° рядом с Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ Π²Π΅Π±-сайта. Π€Π°Π²ΠΈΠΊΠΎΠ½ β€” это нСбольшоС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΡ†ΠΈΡ€ΡƒΠ΅Ρ‚ Π²Π΅Π±-сайт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ посСщаСт ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ. Π€Π°Π²ΠΈΠΊΠΎΠ½Ρ‹ ΠΎΠ±ΡŠΡΠ²Π»Π΅Π½Ρ‹ Π² Ρ‚Π΅Π³ Π²Π΅Π±-страницы.

Π—Π°ΠΌΠ΅Ρ‚ΠΈΠ»ΠΈ Π»ΠΈ Π²Ρ‹, Ρ‡Ρ‚ΠΎ всС ΠΈΠ»ΠΈ 99% Π²ΠΊΠ»Π°Π΄ΠΎΠΊ вашСго Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° ΠΈΠΌΠ΅ΡŽΡ‚ собствСнный ΠΎΡ‚Π»ΠΈΡ‡ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ сбоку? Π§Ρ‚ΠΎ ΠΆ, это Π±Ρ‹Π»Π° самая крутая Π²Π΅Ρ‰ΡŒ (Π΅Ρ‰Π΅ Π² 1999 Π³ΠΎΠ΄Ρƒ), ΠΊΠΎΠ³Π΄Π° Internet Explorer Π²ΠΏΠ΅Ρ€Π²Ρ‹Π΅ Π΅Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠ°Π».

НайдитС подходящий ΡƒΡ‡Π΅Π±Π½Ρ‹ΠΉ Π»Π°Π³Π΅Ρ€ΡŒ

  • Career Karma ΠΏΠΎΠ΄Π±Π΅Ρ€Π΅Ρ‚ для вас Π»ΡƒΡ‡ΡˆΠΈΠ΅ тСхнологичСскиС ΡƒΡ‡Π΅Π±Π½Ρ‹Π΅ курсы
  • Доступ ΠΊ ΡΠΊΡΠΊΠ»ΡŽΠ·ΠΈΠ²Π½Ρ‹ΠΌ стипСндиям ΠΈ ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ курсам

Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΈΠ½Ρ‚Π΅Ρ€Π΅ΡΡƒΡŽΡ‰ΠΈΠΉ вас вопрос
Π Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡Π΅Π½ΠΈΡΠ”ΠΈΠ·Π°ΠΉΠ½ΠžΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° ΠΈ Π°Π½Π°Π»ΠΈΠ· данныхАналитика Π΄Π°Π½Π½Ρ‹Ρ…ΠŸΡ€ΠΎΠ΄Π°ΠΆΠΈUX-Π΄ΠΈΠ·Π°ΠΉΠ½ΠšΠΈΠ±Π΅Ρ€Π±Π΅Π·ΠΎΠΏΠ°ΡΠ½ΠΎΡΡ‚ΡŒΠ¦ΠΈΡ„Ρ€ΠΎΠ²ΠΎΠΉ ΠΌΠ°Ρ€ΠΊΠ΅Ρ‚ΠΈΠ½Π³Π˜ΠΌΡ

Ѐамилия

ЭлСктронная ΠΏΠΎΡ‡Ρ‚Π°

НомСр Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π°

ΠŸΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ°Ρ, Π²Ρ‹ ΡΠΎΠ³Π»Π°ΡˆΠ°Π΅Ρ‚Π΅ΡΡŒ с нашими Условиями обслуТивания ΠΈ ΠŸΠΎΠ»ΠΈΡ‚ΠΈΠΊΠΎΠΉ ΠΊΠΎΠ½Ρ„ΠΈΠ΄Π΅Π½Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΡΠΎΠ³Π»Π°ΡˆΠ°Π΅Ρ‚Π΅ΡΡŒ ΠΏΠΎΠ»ΡƒΡ‡Π°Ρ‚ΡŒ прСдлоТСния ΠΈ возмоТности ΠΎΡ‚ Career Karma ΠΏΠΎ Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Ρƒ, тСкстовым сообщСниям ΠΈ элСктронной ΠΏΠΎΡ‡Ρ‚Π΅.

Π­Ρ‚ΠΎ малСнькоС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠ»ΠΈ ΠΈΠΊΠΎΠ½ΠΊΠ° favicon, ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡Π°ΡŽΡ‰Π°Ρ Π»ΡŽΠ±ΠΈΠΌΡƒΡŽ ΠΈΠΊΠΎΠ½ΠΊΡƒ. Π€Π°Π²ΠΈΠΊΠΎΠ½ΠΊΠΈ Π½Π΅ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹, Π½ΠΎ ΠΎΠ½ΠΈ распространСны Π½Π° Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π΅ Π²Π΅Π±-сайтов. Они Ρ‚Π°ΠΊΠΆΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ для ярлыков Π½Π° Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… устройствах. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, всС Π²Π΅Π±-сайты ΠΈ Π²Π΅Π±-прилоТСния Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ„Π°Π²ΠΈΠΊΠΎΠ½Ρ‹, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒΡΡ.

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ HTML Favicon?

Π€Π°Π²ΠΈΠΊΠΎΠ½ HTML β€” это ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ отобраТаСтся Π² спискС Π²ΠΊΠ»Π°Π΄ΠΎΠΊ вашСго Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. Π’Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ свою ΠΈΠΊΠΎΠ½ΠΊΡƒ, Ссли Π΄ΠΎΠ±Π°Π²ΠΈΡ‚Π΅ сайт Π² Π·Π°ΠΊΠ»Π°Π΄ΠΊΠΈ, Π° Ρ‚Π°ΠΊΠΆΠ΅ Π½Π° Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… сайтах, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ Π²ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ ссылки. Π€Π°Π²ΠΈΠΊΠΎΠ½ позволяСт ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ Π»Π΅Π³ΠΊΠΎ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΡ†ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ сайт Π² спискС Π²ΠΊΠ»Π°Π΄ΠΎΠΊ, Π·Π°ΠΊΠ»Π°Π΄ΠΊΠ°Ρ… ΠΈ Π²ΠΎ встроСнных списках ссылок.

Π€Π°Π²ΠΈΠΊΠΎΠ½ добавляСтся Π² Ρ‚Π΅Π³ Π²Π΅Π±-страницы. Π’Π΅Π³ β€” это мСсто, ΠΊΡƒΠ΄Π° помСщаСтся вся Ρ‚Π°ΠΊ называСмая Β«ΠΌΠ΅Ρ‚Π°Β» информация. ΠœΠ΅Ρ‚Π°ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡ β€” это свСдСния ΠΎ самой Π²Π΅Π±-страницС, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ страницы.

Π€Π°Π²ΠΈΠΊΠΎΠ½ HTML: Ρ‚Ρ€Π°Π΄ΠΈΡ†ΠΈΠΎΠ½Π½Ρ‹ΠΉ способ добавлСния Ρ„Π°Π²ΠΈΠΊΠΎΠ½Π°

ΠŸΡ€Π΅Π΄ΠΏΠΎΠ»ΠΎΠΆΠΈΠΌ, Π²Ρ‹ Π·Π°ΠΊΠΎΠ½Ρ‡ΠΈΠ»ΠΈ своС ΠΊΡ€ΡƒΡ‚ΠΎΠ΅ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ с использованиСм Π½ΠΎΠ²Π΅ΠΉΡˆΠΈΡ… Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ. Π’Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Π±Π»ΠΈΠΊΠΎΠ². Когда ΠΊΡ‚ΠΎ-Ρ‚ΠΎ посСщаСт URL-адрСс вашСго Π²Π΅Π±-сайта, ΠΎΠ½ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Π·Π½Π°Ρ‡ΠΎΠΊ, ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΡ†ΠΈΡ€ΡƒΡŽΡ‰ΠΈΠΉ вашС ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. Π£ вас Π΅ΡΡ‚ΡŒ Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½, ΠΈ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Ρ„Π°Π²ΠΈΠΊΠΎΠ½ΠΊΡƒ Π½Π° страницу.

Π‘Π½Π°Ρ‡Π°Π»Π° Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΡƒΠ±Π΅Π΄ΠΈΡ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎ вашС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ являСтся Π»ΠΈΠ±ΠΎ Ρ„Π°ΠΉΠ»ΠΎΠΌ ICO, Π»ΠΈΠ±ΠΎ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Π΅Π³ΠΎ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PNG (для сохранСния прозрачности). Π Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π° Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅ 16Γ—16. Π—Π°Ρ‚Π΅ΠΌ ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚ΠΈΡ€ΡƒΠΉΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ ICO.

ΠŸΠΎΡ‡Π΅ΠΌΡƒ ΠΌΡ‹ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΠΌ Π½Π° ICO? ΠœΡ‹ Π΄Π΅Π»Π°Π΅ΠΌ это, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ ΠΈΠΌΠ΅ΡŽΡ‚ ΠΌΠ½ΠΎΠ³ΠΎ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΉ, Π° Ρ„Π°Π²ΠΈΠΊΠΎΠ½Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ Π² качСствС ярлыков. Π€Π°ΠΉΠ» ICO Π±ΡƒΠ΄Π΅Ρ‚ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ мноТСство ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ PNG для ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΉ ΠΈ ярлыков. Но Ρƒ ICO Π΅ΡΡ‚ΡŒ свои нСдостатки, ΠΎ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΌΡ‹ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΈΠΌ Ρ‡ΡƒΡ‚ΡŒ ΠΏΠΎΠ·ΠΆΠ΅.

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· мноТСства ΠΎΠ½Π»Π°ΠΉΠ½-инструмСнтов для прСобразования ICO ΠΈΠ· изобраТСния PNG.

Π’Π°Ρˆ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π²Ρ‹Π±Π΅Ρ€Π΅Ρ‚ ваш Π·Π½Π°Ρ‡ΠΎΠΊ, ΠΏΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΠ² Ρ„Π°ΠΉΠ» Π² ΠΊΠΎΡ€Π½Π΅Π²ΠΎΠΉ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³. На ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ favicon. ico Π² index.html ΠΌΠ΅ΠΆΠ΄Ρƒ Ρ‚Π΅Π³. Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ ΠΊΠΎΠ΄ Π² Ρ‚Π΅Π³:

  

ΠžΠ±Π½ΠΎΠ²ΠΈΡ‚Π΅ ΠΈ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅ Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉ Π·Π½Π°Ρ‡ΠΎΠΊ Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ ! Π’Π΅Ρ‚Π΅Ρ€.

ΠœΠ΅ΡΡ‚ΠΎΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ нашСго изобраТСния β€” /favicon.ico. Π˜ΠΌΠ΅Π΅Ρ‚ΡΡ Π² Π²ΠΈΠ΄Ρƒ Ρ„Π°ΠΉΠ» favicon.ico Π² ΠΊΠΎΡ€Π½Π΅Π²ΠΎΠΉ ΠΏΠ°ΠΏΠΊΠ΅ нашСго сайта. ΠšΠΎΡ€Π½Π΅Π²Π°Ρ ΠΏΠ°ΠΏΠΊΠ° β€” это основная ΠΏΠ°ΠΏΠΊΠ°, ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ Ρ‚Π°, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ находится Ρ„Π°ΠΉΠ» index.html.

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅ : Если Π²Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚Π΅ сообщСниС ΠΎΠ± ошибкС Β«favicon.ico Not FoundΒ», ΡƒΠ±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ Π·Π½Π°Ρ‡ΠΎΠΊ называСтся favicon.ico . Π—Π°Ρ‚Π΅ΠΌ ΡƒΠ±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ ваша ΠΈΠΊΠΎΠ½ΠΊΠ° находится Π² основной ΠΏΠ°ΠΏΠΊΠ΅ вашСго сайта. НаконСц, ΡƒΠ±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ ваш index.html Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½ Π² Ρ„Π°ΠΉΠ»Π΅, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ Π·Π°ΠΏΡ€Π°ΡˆΠΈΠ²Π°Π΅Ρ‚Π΅ Π½Π° своСй Π²Π΅Π±-страницС.

Π€Π°Π²ΠΈΠΊΠΎΠ½ HTML:

Π‘ΠΎΠ»Π΅Π΅ совмСстимый способ добавлСния Ρ„Π°Π²ΠΈΠΊΠΎΠ½Π°

Π’Ρ‹ ΠΌΠΎΠ³Π»ΠΈ Π·Π°ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ Ρ„Π°Π²ΠΈΠΊΠΎΠ½ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π½Π΅ Π²ΠΎ всСх систСмах. Π­Ρ‚ΠΎ связано с Ρ‚Π΅ΠΌ, Ρ‡Ρ‚ΠΎ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ ICO ΡƒΠΆΠ΅ Π½Π΅ Ρ‚Π°ΠΊ Π½Π°Π΄Π΅ΠΆΠ΅Π½ . Π§Ρ‚ΠΎΠ±Ρ‹ ΠΈΡΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ это, HTML5 прСдставил Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² , Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΌΡ‹ ΠΌΠΎΠ³Π»ΠΈ Π½Π°ΠΏΡ€ΡΠΌΡƒΡŽ ΠΏΠΎΠ»Π°Π³Π°Ρ‚ΡŒΡΡ Π½Π° Ρ„Π°ΠΉΠ»Ρ‹ PNG. БСгодня Π½Π°ΠΌ Π½Π΅ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΡΠΆΠΈΠΌΠ°Ρ‚ΡŒ PNG Π² ICO!

ΠœΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ нашС PNG-ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Ρ‚Ρ€Π΅Ρ… Ρ€Π°Π·ΠΌΠ΅Ρ€Π°Ρ…, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ΠΎ соотвСтствовало favicon.ico (16Γ—16), ΠΏΠ°Π½Π΅Π»ΠΈ Π·Π°Π΄Π°Ρ‡ (32Γ—32) ΠΈ ярлыкам (96Γ—96). Π—Π°Ρ‚Π΅ΠΌ наш HTML-ΠΊΠΎΠ΄ Ρ‚Π΅Π³ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:

 
<ссылка rel="icon" type="image/png" href="/favicon32x32.png">
 

Π­Ρ‚ΠΎ Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ наш Π²Π΅Π±-сайт ΠΈΠ»ΠΈ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π±ΠΎΠ»Π΅Π΅ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΌ соврСмСнным стандартам!

HTML Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Ρ„Π°Π²ΠΈΠΊΠΎΠ½ΠΊΠΈ: становится всС слоТнСС

Когда Π΄Π΅Π»ΠΎ Π΄ΠΎΡ…ΠΎΠ΄ΠΈΡ‚ Π΄ΠΎ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… Π²Π΅Π±-Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ² ΠΈΠ»ΠΈ Π±ΠΎΠ»ΡŒΡˆΠΈΡ… дисплССв, наш ΠΏΠΎΡ‚Π΅Π½Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ список Ρ„Π°Π²ΠΈΠΊΠΎΠ½ΠΎΠ² ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ°Π΅Ρ‚ Ρ€Π°ΡΡˆΠΈΡ€ΡΡ‚ΡŒΡΡ.

Π’ΠΎΠ·ΡŒΠΌΠ΅ΠΌ, ΠΊ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ, apple-touch-icon , ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π² основном являСтся Π·Π½Π°Ρ‡ΠΊΠΎΠΌ, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ добавляСтС Π΅Π³ΠΎ Π½Π° Π³Π»Π°Π²Π½Ρ‹ΠΉ экран Π½Π° устройствС iOS. Π§Ρ‚ΠΎ ΠΆ, Ссли Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ для устройств iOS, Π΄Π°, Π²Π°ΠΌ понадобится ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π·Π½Π°Ρ‡ΠΎΠΊ для этого.

Π’ΠΎΡ‚, наш список Ρ„Π°Π²ΠΈΠΊΠΎΠ½ΠΎΠ² растСт:

 

 

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΏΡ€ΠΎΡΠΈΡ‚ΡŒ, Π° ΠΊΠ°ΠΊ насчСт устройств Android? ΠŸΠΎΠ΄ΠΎΠΆΠ΄ΠΈΡ‚Π΅, ΠΊΠ°ΠΊ ΠΌΡ‹ ΠΏΠ΅Ρ€Π΅ΡˆΠ»ΠΈ ΠΎΡ‚ этого СдинствСнного ΠΈ сказочных favicon.ico ΠΊ постоянно растущСму ΠΈΡ… списку?

Π—Π°ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅

Π•ΡΡ‚ΡŒ ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹Π΅ ссылки с ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ исходным ΠΊΠΎΠ΄ΠΎΠΌ ΠΈ мноТСство Π³Π΅Π½Π΅Ρ€Π°Ρ‚ΠΎΡ€ΠΎΠ² favicon, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ Π²Π°ΠΌ Π½Π° вашСм ΠΏΡƒΡ‚ΠΈ. Для нСбольшого прилоТСния ΠΈΠ»ΠΈ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ Ρƒ вас ΠΌΠΎΠΆΠ΅Ρ‚ Π½Π΅ Ρ…Π²Π°Ρ‚ΠΈΡ‚ΡŒ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ…Π²Π°Ρ‚ΠΈΡ‚ΡŒ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ ΠΈΠ»ΠΈ всС экзСмпляры Ρ„Π°Π²ΠΈΠΊΠΎΠ½Π°.

Π’ ΠΊΠΎΠ½Ρ†Π΅ ΠΊΠΎΠ½Ρ†ΠΎΠ², всС сводится ΠΊ вашим собствСнным потрСбностям. НС ΡΡ‚Π΅ΡΠ½ΡΠΉΡ‚Π΅ΡΡŒ ΡΠΊΡΠΏΠ΅Ρ€ΠΈΠΌΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ с Ρ‚Π΅ΠΌ, Ρ‡Ρ‚ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ с Π²Π°ΠΌΠΈ. Одна ΠΈΠ· стратСгий Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒΡΡ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π°Ρ‡Π°Ρ‚ΡŒ с Ρ„Π°Π²ΠΈΠΊΠΎΠ½ΠΎΠ² Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ 16 Γ— 16 PNG, 32 Γ— 32 PNG ΠΈ 152 Γ— 152 PNG, Π° Π·Π°Ρ‚Π΅ΠΌ Ρ€Π°ΡΡˆΠΈΡ€ΡΡ‚ΡŒ ΠΈΡ….

Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π΅ ΡƒΡΠ»ΠΎΠΆΠ½ΡΡ‚ΡŒ ΠΈ ΠΏΡ€ΠΈΠ΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒΡΡ старомодного favicon.ico. Π­Ρ‚ΠΎΡ‚ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ поддСрТиваСтся, поэтому Π½ΠΈΡ‡Ρ‚ΠΎ Π½Π΅ ΠΌΠ΅ΡˆΠ°Π΅Ρ‚ Π²Π°ΠΌ это ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ. ΠŸΡ€ΠΎΡΡ‚ΠΎ ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ ΠΏΠΎ ΠΌΠ΅Ρ€Π΅ роста вашСго прилоТСния ΠΈΠ»ΠΈ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ / Π·Π°ΠΌΠ΅Π½ΡΡ‚ΡŒ Π·Π½Π°Ρ‡ΠΊΠΈ PNG. Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π²Ρ‹ Π·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Ρ„Π°Π²ΠΈΠΊΠΎΠ½ Π½Π° свой сайт.

Если Π²Π°ΠΌ Π½ΡƒΠΆΠ½Ρ‹ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ рСсурсы для изучСния HTML ΠΈ Π»ΡƒΡ‡ΡˆΠΈΠ΅ ΠΎΠ½Π»Π°ΠΉΠ½-курсы, ΠΎΠ·Π½Π°ΠΊΠΎΠΌΡŒΡ‚Π΅ΡΡŒ с нашим руководством ΠΏΠΎ ΠΈΠ·ΡƒΡ‡Π΅Π½ΠΈΡŽ HTML.

О нас: Career Karma β€” это ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ°, прСдназначСнная для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΌΠΎΡ‡ΡŒ соискатСлям Π½Π°ΠΉΡ‚ΠΈ, ΠΈΠ·ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΈ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒΡΡ ΠΊ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ°ΠΌ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ обучСния для продвиТСния ΠΏΠΎ ΠΊΠ°Ρ€ΡŒΠ΅Ρ€Π½ΠΎΠΉ лСстницС. Π£Π·Π½Π°ΠΉΡ‚Π΅ ΠΎ ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠΈ CK.


Как Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Ρ„Π°Π²ΠΈΠΊΠΎΠ½ Π½Π° свой сайт

Π€Π°Π²ΠΈΠΊΠΎΠ½ β€” это графичСскоС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ (Π·Π½Π°Ρ‡ΠΎΠΊ), связанноС с ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠΉ Π²Π΅Π±-страницСй ΠΈ/ΠΈΠ»ΠΈ Π²Π΅Π±-сайтом. сайт. МногиС послСдниС ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠ΅ Π°Π³Π΅Π½Ρ‚Ρ‹ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, графичСскиС Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ ΠΈ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ чтСния новостСй) ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ ΠΈΡ… ΠΊΠ°ΠΊ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ΅ Π½Π°ΠΏΠΎΠΌΠΈΠ½Π°Π½ΠΈΠ΅ ΠΎ Π²Π΅Π±-сайтС. Π² адрСсной строкС ΠΈΠ»ΠΈ Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ°Ρ…. Π’ Π²ΠΈΠΊΠΈΠΏΠ΅Π΄ΠΈΠΈ Π΅ΡΡ‚ΡŒ ΡΡ‚Π°Ρ‚ΡŒΡ ΠΎ favicons [FAVICON-WIKIPEDIA].

Π§Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Ρ„Π°Π²ΠΈΠΊΠΎΠ½ΠΊΡƒ Π½Π° свой Π²Π΅Π±-сайт, Π²Π°ΠΌ потрСбуСтся ΠΊΠ°ΠΊ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Ρ‚Π°ΠΊ ΠΈ ΠΌΠ΅Ρ‚ΠΎΠ΄ указания Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π² качСствС Ρ„Π°Π²ΠΈΠΊΠΎΠ½ΠΊΠΈ. Π­Ρ‚ΠΎΡ‚ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ ΠΎΠ±ΡŠΡΡΠ½ΡΠ΅Ρ‚ ΠΌΠ΅Ρ‚ΠΎΠ΄, ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡ΠΈΡ‚Π°Π΅ΠΌΡ‹ΠΉ W3C для указания Ρ„Π°Π²ΠΈΠΊΠΎΠ½. БущСствуСт Π΅Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ распространСнный ΠΌΠ΅Ρ‚ΠΎΠ΄, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠΊΠ°Π·Π°Π½ Π½ΠΈΠΆΠ΅. с объяснСниСм Ρ‚ΠΎΠ³ΠΎ, ΠΏΠΎΡ‡Π΅ΠΌΡƒ этот ΠΌΠ΅Ρ‚ΠΎΠ΄ нСсовмСстим с Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΡ‹ Π²Π΅Π±-Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Ρ‹. Оба ΠΌΠ΅Ρ‚ΠΎΠ΄Π° ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΠΌΡ‹ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΊ HTML ΠΈ XHTML, ΠΎΠ΄Π½ΠΎ ΠΈΠ· обсуТдаСмых ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ΠΈΠΉ Π½ΠΈΠΆΠ΅.

Π’ этом Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎ Π½Π΅ обсуТдаСтся, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π·Π½Π°Ρ‡ΠΎΠΊ сайта. ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. Однако Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠ³ΠΎ Π²Π°ΠΌΠΈ изобраТСния Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ 16×16. пиксСлСй ΠΈΠ»ΠΈ 32×32 пиксСлСй с использованиСм 8-Π±ΠΈΡ‚Π½Ρ‹Ρ… ΠΈΠ»ΠΈ 24-Π±ΠΈΡ‚Π½Ρ‹Ρ… Ρ†Π²Π΅Ρ‚ΠΎΠ². Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ изобраТСния Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ· PNG (Ρ„Π°ΠΉΠ» стандарт W3C), GIF ΠΈΠ»ΠΈ ICO.

Бпособ 1 (ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡Ρ‚ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ): использованиС значСния Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π°

rel ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΉ Π² ΠΏΡ€ΠΎΡ„ΠΈΠ»Π΅

ΠŸΠ΅Ρ€Π²Ρ‹ΠΉ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ ΠΊ ΡƒΠΊΠ°Π·Π°Π½ΠΈΡŽ Ρ„Π°Π²ΠΈΠΊΠΎΠ½Π° Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² использовании rel Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° «Π·Π½Π°Ρ‡ΠΎΠΊ» ΠΈ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Ρ‡Π΅Ρ€Π΅Π· ΠΏΡ€ΠΎΡ„ΠΈΠ»ΡŒ; ΠΏΡ€ΠΎΡ„ΠΈΠ»ΠΈ ΠΎΠ±ΡΡƒΠΆΠ΄Π°ΡŽΡ‚ΡΡ Π±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎ Π½ΠΈΠΆΠ΅. Π’ этом ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ HTML 4.01 Ρ„Π°Π²ΠΈΠΊΠΎΠ½, ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΡ†ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ Ρ‡Π΅Ρ€Π΅Π· URI http://example.com/myicon.png ΠΊΠ°ΠΊ Ρ„Π°Π²ΠΈΠΊΠΎΠ½:

 

 profile="http://www.w3.org/2005/10/profile"  >
  <ссылка ΠΎΡ‚Π½ = "Π·Π½Π°Ρ‡ΠΎΠΊ"
      Ρ‚ΠΈΠΏ = "ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅/png"
      href="http://example.com/myicon.png"> 
[…]

[…]
 

ВСрсия XHTML 1.0 ΠΎΡ‡Π΅Π½ΡŒ ΠΏΠΎΡ…ΠΎΠΆΠ°:

 

 profile="http://www.w3.org/2005/10/profile"  >
  <ссылка ΠΎΡ‚Π½ = "Π·Π½Π°Ρ‡ΠΎΠΊ"
      Ρ‚ΠΈΠΏ = "ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅/png"
      href="/Π³Π΄Π΅-Ρ‚ΠΎ/myicon.png" /> 
[…]

[…]
 

Бпособ 2 (Π½Π΅ рСкомСндуСтся): Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½ΠΈΠ΅ Π·Π½Π°Ρ‡ΠΊΠ° Π½Π° ΠΏΡ€Π΅Π΄ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠΌ URI

Π’Ρ‚ΠΎΡ€ΠΎΠΉ ΠΌΠ΅Ρ‚ΠΎΠ΄ указания Π·Π½Π°Ρ‡ΠΊΠ° основываСтся Π½Π° использовании ΠΏΡ€Π΅Π΄ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΉ URI для ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΠΈ изобраТСния: «/favicon», ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ относится ΠΊ ΠΊΠΎΡ€Π΅Π½ΡŒ сСрвСра. Π­Ρ‚ΠΎΡ‚ ΠΌΠ΅Ρ‚ΠΎΠ΄ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ Π·Π°ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΠΎΠ²Π°Π½ Π½Π° поиск Ρ„Π°Π²ΠΈΠΊΠΎΠ½ΠΎΠ² с использованиСм этого URI. Π­Ρ‚ΠΎΡ‚ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ нСсовмСстимы с Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΠ°ΠΌΠΈ Π²Π΅Π±-Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Ρ‹ ΠΈ Π² настоящСС врСмя обсуТдаСтся Π³Ρ€ΡƒΠΏΠΏΠΎΠΉ тСхничСской Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Ρ‹ W3C (TAG) Π² качСствС ΠΈΡ… Π²Ρ‹Π΄Π°Ρ‡ΠΈ siteData-36. Подводя ΠΈΡ‚ΠΎΠ³ этой ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ΅: Π²Π΅Π±-Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Π° Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Π΅Ρ‚ ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€Π°ΠΌ сайтов ΡƒΠΏΡ€Π°Π²Π»ΡΡ‚ΡŒ своим пространством URI (для Π΄Π°Π½Π½ΠΎΠ³ΠΎ Π΄ΠΎΠΌΠ΅Π½Π½ΠΎΠ³ΠΎ ΠΈΠΌΠ΅Π½ΠΈ), ΠΊΠ°ΠΊ ΠΎΠ½ΠΈ видят ΠΏΠΎΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒΡΡ. БоглашСния, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΡŽΡ‚ согласия сообщСства ΠΈ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚ΡŒ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹, доступныС ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€Ρƒ сайта, Π½Π΅ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΡŽΡ‚ΡΡ ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ привСсти ΠΊ ΠΊΠΎΠ½Ρ„Π»ΠΈΠΊΡ‚Ρƒ (ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ общСизвСстного списка этих ΠΏΡ€Π΅Π΄ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅ URI). Одно практичСскоС сообраТСниС ΠΈΠ»Π»ΡŽΡΡ‚Ρ€ΠΈΡ€ΡƒΠ΅Ρ‚ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡƒ: ΠΌΠ½ΠΎΠ³ΠΈΠ΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΈΠΌΠ΅ΡŽΡ‚ Π²Π΅Π±-сайты, Π΄Π°ΠΆΠ΅ Ссли Ρƒ Π½ΠΈΡ… Π½Π΅Ρ‚ собствСнных Π΄ΠΎΠΌΠ΅Π½Π½ΠΎΠ΅ имя. Π­Ρ‚ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ Π½Π΅ ΠΌΠΎΠ³ΡƒΡ‚ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ Ρ„Π°Π²ΠΈΠΊΠΎΠ½Ρ‹, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Π²Ρ‚ΠΎΡ€ΠΎΠΉ ΠΌΠ΅Ρ‚ΠΎΠ΄, Ссли ΠΎΠ½ΠΈ Π½Π΅ ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΈΡΠ°Ρ‚ΡŒ Π² ΠΊΠΎΡ€Π΅Π½ΡŒ сСрвСра. Однако ΠΎΠ½ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ способ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ Ρ„Π°Π²ΠΈΠΊΠΎΠ½, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ ΠΎΠ½ Π±ΠΎΠ»Π΅Π΅ Π³ΠΈΠ±ΠΊΠΈΠΉ ΠΈ Π½Π΅ Π·Π°ΠΏΡ€Π΅Ρ‚ΠΈΡ‚ΡŒ ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€Ρƒ сайта ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠ΄ΠΈΠ½ Π·Π½Π°Ρ‡ΠΎΠΊ Π·Π½Π°Ρ‡ΠΊΠ° Π² ΠΎΠ΄Π½ΠΎΠΌ мСстС Π½Π° сайтС.

Π•ΡΡ‚ΡŒ нСсколько Π΄Ρ€ΡƒΠ³ΠΈΡ… извСстных ΠΏΠΎΡΡΠ³Π°Ρ‚Π΅Π»ΡŒΡΡ‚Π² Π½Π° пространство URI, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ Ρ„Π°ΠΉΠ» Β«robots.txtΒ» ΠΈ мСстонахоТдСниС P3P-ΠΊΠΎΠ½Ρ„ΠΈΠ΄Π΅Π½Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ ΠΏΠΎΠ»ΠΈΡ‚ΠΈΠΊΠ°. Π“Ρ€ΡƒΠΏΠΏΠ° тСхничСской Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Ρ‹ ΠΈΠ·ΡƒΡ‡Π°Π΅Ρ‚ Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Ρ‹ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ Π·Π°Ρ‚Ρ€Π°Π³ΠΈΠ²Π°ΡŽΡ‚ пространство URI Π±Π΅Π· Π»ΠΈΡ†Π΅Π½Π·ΠΈΠΈ.

ИспользованиС ΠΏΡ€ΠΎΡ„ΠΈΠ»Π΅ΠΉ для опрСдСлСния Ρ‚Π°ΠΊΠΈΡ… Ρ‚Π΅Ρ€ΠΌΠΈΠ½ΠΎΠ², ΠΊΠ°ΠΊ Β«Π·Π½Π°Ρ‡ΠΎΠΊΒ»

Π“Ρ€ΡƒΠ±ΠΎ говоря, ΠΏΡ€ΠΎΡ„ΠΈΠ»ΡŒ β€” это ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Π½Π°Π±ΠΎΡ€Π° условия. Π’ ΠΈΠ΄Π΅Π°Π»Π΅ ΠΏΡ€ΠΎΡ„ΠΈΠ»ΡŒ Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ ΠΊΠ°ΠΊ ΠΌΠ°ΡˆΠΈΠ½ΠΎΡ‡ΠΈΡ‚Π°Π΅ΠΌΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ, ΠΈ удобочитаСмая информация. Π’ HTML 4.01 ΠΈ XHTML 1.0 нСсколько Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ rel Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ ΠΏΡ€Π΅Π΄ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠ³ΠΎ Π½Π°Π±ΠΎΡ€Π° цСнности. ВмСсто этого Π°Π²Ρ‚ΠΎΡ€ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ значСния Π² соотвСтствии с потрСбностями ΠΈ Π·Π°Ρ‚Π΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΏΡ€ΠΎΡ„ΠΈΠ»ΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ±ΡŠΡΡΠ½ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°ΡŽΡ‚ значСния. Π’ нашСм случаС ΠΌΡ‹ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΠΎΠ²Π°Π»ΠΈ Π°Π²Ρ‚ΠΎΡ€Π°ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ «Π·Π½Π°Ρ‡ΠΎΠΊ» ΠΈ ΠΏΡ€ΠΎΡ„ΠΈΠ»ΡŒ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΎΠ±ΡŠΡΡΠ½ΡΠ΅Ρ‚, Ρ‡Ρ‚ΠΎ Β«ΠΊΠΎΠ³Π΄Π° ΠΌΡ‹ Π³ΠΎΠ²ΠΎΡ€ΠΈΠΌ Π·Π½Π°Ρ‡ΠΎΠΊ, ΠΌΡ‹ ΠΈΠΌΠ΅Π΅ΠΌ Π² Π²ΠΈΠ΄Ρƒ «это Π·Π½Π°Ρ‡ΠΎΠΊ сайта».

Π’ ΠΌΠ΅Ρ‚ΠΎΠ΄Π΅ 1 Π²Ρ‹ΡˆΠ΅ ΠΌΡ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ rel с Π‘Π‘Π«Π›ΠšΠ НА БАЙВ элСмСнт ΠΈ Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ ΠΏΡ€ΠΎΡ„ΠΈΠ»ΡŒ с Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠΌ ΠΏΡ€ΠΎΡ„ΠΈΠ»ΡŒ Π² элСмСнтС HEAD.

ΠœΡ‹ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΠ»ΠΈ ΠΏΡ€ΠΎΡ„ΠΈΠ»ΡŒ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ свободно ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для своих сайтов.

ΠžΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ΠΈΡ

ΠžΠΏΠΈΡΠ°Π½Π½Ρ‹Π΅ Π²Ρ‹ΡˆΠ΅ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄Ρ‹ ΠΈΠΌΠ΅ΡŽΡ‚ нСсколько ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ΠΈΠΉ. Π²ΠΊΠ»ΡŽΡ‡Π°Ρ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡Ρ‚ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ ΠΌΠ΅Ρ‚ΠΎΠ΄ (ΠΈΠΌΠ΅Π½Π½ΠΎ поэтому TAG ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ°Π΅Ρ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ ΠΏΠΎ вопросу):

  • ΠŸΠΎΠ΄Ρ…ΠΎΠ΄Ρ‹ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² HTML ΠΈΠ»ΠΈ XHTML
  • ΠŸΡ€Π΅Π΄ΠΏΠΎΡ‡Ρ‚ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ связываСт Π·Π½Π°Ρ‡ΠΎΠΊ с HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠΌ, Π½Π΅ собраниС Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ² (Ρ‚.Π΅. сайт)
  • ΠŸΡ€Π΅Π΄Π»Π°Π³Π°Π΅ΠΌΡ‹ΠΉ ΠΏΡ€ΠΎΡ„ΠΈΠ»ΡŒ для опрСдСлСния значСния «Π·Π½Π°Ρ‡ΠΎΠΊ» Π½Π΅ являСтся ΠΎΠ±Ρ‰Π΅ΠΏΡ€ΠΈΠ·Π½Π°Π½Π½Ρ‹ΠΉ стандарт, Ρ‡Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ с Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΠΉ ΡΠΎΠ²ΠΌΠ΅ΡΡ‚ΠΈΠΌΠΎΡΡ‚ΡŒΡŽ Π½Π° ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠ΅.
  • Π‘Ρ‚Π°Π½Π΄Π°Ρ€Ρ‚ отсутствуСт (ΠΏΠΎ ΠΊΡ€Π°ΠΉΠ½Π΅ΠΉ ΠΌΠ΅Ρ€Π΅, ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΉ Π² HTML 4.01) для ΠΌΠ°ΡˆΠΈΠ½ΠΎΡ‡ΠΈΡ‚Π°Π΅ΠΌΡ‹Ρ… ΠΏΡ€ΠΎΡ„ΠΈΠ»Π΅ΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ΡŒ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ ΡƒΠ·Π½Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ «это ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ являСтся Ρ„Π°Π²ΠΈΠΊΠΎΠ½ΠΎΠΌΒ». Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ Π·Π°ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΠΎΠ²Π°Π½ Π·Π°Ρ€Π°Π½Π΅Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ€Π°ΡΠΏΠΎΠ·Π½Π°Ρ‚ΡŒ это ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΠΎΠ΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΎΡ‚Π½. . Для получСния Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΎΠ± использовании ΠΏΡ€ΠΎΡ„ΠΈΠ»Π΅ΠΉ Π² HTML ΠΈ XHTML см. GRDDL [Π“Π Π”Π”Π›].

Бсылки

FAVICON-Π’Π˜ΠšΠ˜ΠŸΠ•Π”Π˜Π―
Π€Π°Π²ΠΈΠΊΠΎΠ½ , ВикипСдия, Доступно ΠΏΠΎ адрСсу http://en.wikipedia.org/wiki/Π€Π°Π²ΠΈΠΊΠΎΠ½.
Π“Π Π”Π”Π›
Π‘Π±ΠΎΡ€ Описания рСсурсов ΠΈΠ· Π΄ΠΈΠ°Π»Π΅ΠΊΡ‚ΠΎΠ² языков , D. Азаэль-МассьС, Π”. Коннолли, Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹, прСдставлСниС ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ W3C, 16 мая. 2005 Π³., http://www.w3.org/TeamSubmission/2005/SUBM-grddl-20050516/. ПослСдняя вСрсия доступно Π½Π° http://www.w3.org/TeamSubmission/grddl/.
HTML401
HTML 4.01 БпСцификация , Π”. Π Π°Π³Π³Π΅Ρ‚Ρ‚, А. Π›Π΅ Π₯орс, И. ДТСйкобс, Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹, рСкомСндация W3C, 24 дСкабря 1999, http://www.w3.org/TR/1999/REC-html401-19991224. ПослСдняя вСрсия доступно Π½Π° http://www.w3.org/TR/html401.
ДАННЫЕ БАЙВА-36
Π£Π»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΠ΅ ΠΌΠ΅Ρ‚Π°Π΄Π°Π½Π½Ρ‹Ρ… Π²Π΅Π±-сайта Π² Ρ„Π°ΠΉΠ»Π°Ρ… robots.txt, w3c/p3p ΠΈ favicon ΠΈ Ρ‚. Π΄. , TAG, Доступно Π½Π° http://www. w3.org/2001/tag/issues.html#siteData-36.
XHTML1
XHTMLβ„’ 1.0 Π Π°ΡΡˆΠΈΡ€ΡΠ΅ΠΌΡ‹ΠΉ язык гипСртСкстовой Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ (Π²Ρ‚ΠΎΡ€ΠΎΠ΅ ΠΈΠ·Π΄Π°Π½ΠΈΠ΅) , S. ΠŸΠ΅ΠΌΠ±Π΅Ρ€Ρ‚ΠΎΠ½, Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ W3C, 1 августа 2002 Π³., http://www.w3.org/TR/2002/REC-xhtml1-20020801. ПослСдний вСрсия доступна Π½Π° http://www.w3.org/TR/xhtml1.

Благодарности

Π‘Π»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ участники QA Interest Group ΠΈ сотрудники W3C внСсли Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π²ΠΊΠ»Π°Π΄ Π² содСрТаниС этого Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°: Π”ΠΎΠΌΠΈΠ½ΠΈΠΊ Азаэль-МассьС (W3C), ΠšΡ€ΠΈΡ Π›ΠΈΠ»Π»ΠΈ (W3C) ΠΈ ОливьС Π’Π΅Ρ€ΠΎ (W3C).

4 496 Π·Π½Π°Ρ‡ΠΊΠΎΠ² HTML — бСсплатно Π² SVG, PNG, ICO

  • ВсС Π°ΠΊΡ‚ΠΈΠ²Ρ‹
  • 3D Π˜Π»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΈ
  • Lottie Animation0002 Premium

    All

    Individuals

    Packs

    Line

    Flat

    Glyph

    Colored Outline

    Gradient

    Dualtone

    Rounded

    Isometric

    Doodle

    Sticker

    • Π‘Π΅ΠΎ ΠΈ Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚
    • БизнСс
    • Π Π°Π·Π²ΠΈΡ‚ΠΈΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π°
    • Π Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° сайта
    • Π‘Π΅Ρ‚ΡŒ ΠΈ связь
    • ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс
    • ΠœΠ°Ρ€ΠΊΠ΅Ρ‚ΠΈΠ½Π³ ΠΈ Π±Ρ€Π΅Π½Π΄ΠΈΠ½Π³
    • Ѐинансы
    • Π Π°Π·Π½ΠΎΠΎΠ±Ρ€Π°Π·Π½Ρ‹ΠΉ
    • Π€Π°ΠΉΠ»Ρ‹ ΠΈ ΠΏΠ°ΠΏΠΊΠΈ
    • Научная тСхнология
    • Π’Π΅Ρ…Π½ΠΈΠΊΠ°
    • ΠŸΠ΅Ρ€Π΅Π΄Π°Ρ‡Π° Π΄Π°Π½Π½Ρ‹Ρ…
    • Π›ΠΎΠ³ΠΎΡ‚ΠΈΠΏΡ‹
    • ШкольноС ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅
    • Π¨ΠΊΠΎΠ»Π°
    • Π­Π»Π΅ΠΊΡ‚Ρ€ΠΎΠ½Π½ΠΎΠ΅ ΠΎΠ±ΡƒΡ‡Π΅Π½ΠΈΠ΅
    • ΠšΠΎΠΌΠΌΡƒΠ½ΠΈΠΊΠ°Ρ†ΠΈΡ
    • Ворговая ΠΌΠ°Ρ€ΠΊΠ° ΠΈ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΡ‹ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ
    • Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ Π΄ΠΈΠ·Π°ΠΉΠ½Π°
    • Π˜ΡΠΊΡƒΡΡΡ‚Π²Π΅Π½Π½Ρ‹ΠΉ ΠΈΠ½Ρ‚Π΅Π»Π»Π΅ΠΊΡ‚ (ИИ)
    • ΠŸΡ€Π΅ΡΡ‚ΡƒΠΏΠ½ΠΎΡΡ‚ΡŒ ΠΈ Π±Π΅Π·ΠΎΠΏΠ°ΡΠ½ΠΎΡΡ‚ΡŒ
    • Π›ΡŽΠ΄ΠΈ
    • Π£Ρ‡Π΅Π½ΠΈΠΊ
    • ΠšΠΈΠ±Π΅Ρ€Π±Π΅Π·ΠΎΠΏΠ°ΡΠ½ΠΎΡΡ‚ΡŒ
    • Π˜Π½Ρ„ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠ°
    • Π‘ΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΌΠ΅Π΄ΠΈΠ°
    • Π—Π°ΠΏΡƒΡΠΊΠ°Ρ‚ΡŒ
    • Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ ΠΈ ΠΎΠ±ΠΎΡ€ΡƒΠ΄ΠΎΠ²Π°Π½ΠΈΠ΅
    • Π ΠΎΠ±ΠΎΡ‚ΠΎΡ‚Π΅Ρ…Π½ΠΈΠΊΠ°

    ΠŸΠΎΠΏΡƒΠ»ΡΡ€Π½Ρ‹Π΅

    ПослСдниС

    ΠŸΠΎΠΏΡƒΠ»ΡΡ€Π½Ρ‹Π΅

    ΠΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅

    ΠŸΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ Π½Π΅ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π½Ρ‹ΠΉ доступ ΠΊ Π±ΠΎΠ»Π΅Π΅ Ρ‡Π΅ΠΌ 5,1 ΠΌΠΈΠ»Π»ΠΈΠΎΠ½Π°ΠΌ Π°ΠΊΡ‚ΠΈΠ²ΠΎΠ²
    ΠŸΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΏΠΎΠ»Π½Ρ‹ΠΉ доступ

    HTML Π—Π½Π°Ρ‡ΠΎΠΊ

    HTML 5 Π—Π½Π°Ρ‡ΠΎΠΊ

    HTML 3 Π—Π½Π°Ρ‡ΠΎΠΊ

    HTML Π—Π½Π°Ρ‡ΠΎΠΊ

    Javascript Π—Π½Π°Ρ‡ΠΎΠΊ

    HTML 5 Π—Π½Π°Ρ‡ΠΎΠΊ

    HTML 5 Π—Π½Π°Ρ‡ΠΎΠΊ

    HTML Π—Π½Π°Ρ‡ΠΎΠΊ

    HTML Π—Π½Π°Ρ‡ΠΎΠΊ

    HTML 3 Π—Π½Π°Ρ‡ΠΎΠΊ

    HTML 5 Π—Π½Π°Ρ‡ΠΎΠΊ

    HTML 5 Π—Π½Π°Ρ‡ΠΎΠΊ

    HTML 3 Π—Π½Π°Ρ‡ΠΎΠΊ

    HTML 3 Π—Π½Π°Ρ‡ΠΎΠΊ

    HTML 5 Π—Π½Π°Ρ‡ΠΎΠΊ

    HTML 5 Π—Π½Π°Ρ‡ΠΎΠΊ

    Удобство использования Π—Π½Π°Ρ‡ΠΎΠΊ

    Удобство использования Π—Π½Π°Ρ‡ΠΎΠΊ

    HTML Π—Π½Π°Ρ‡ΠΎΠΊ

    HTML 3 Π—Π½Π°Ρ‡ΠΎΠΊ

    HTML 5 Π—Π½Π°Ρ‡ΠΎΠΊ

    HTML 5 Π—Π½Π°Ρ‡ΠΎΠΊ

    HTML 5 Π—Π½Π°Ρ‡ΠΎΠΊ

    HTML 5 Π—Π½Π°Ρ‡ΠΎΠΊ

    Π€Π°ΠΉΠ» Π—Π½Π°Ρ‡ΠΎΠΊ

    HTML Π—Π½Π°Ρ‡ΠΎΠΊ

    Π Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ Π—Π½Π°Ρ‡ΠΎΠΊ

    Удобство использования Π—Π½Π°Ρ‡ΠΎΠΊ

    HTML Π—Π½Π°Ρ‡ΠΎΠΊ

    Удобство использования Π—Π½Π°Ρ‡ΠΎΠΊ

    ΠšΠΎΠ΄ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Π—Π½Π°Ρ‡ΠΎΠΊ

    Π₯Π°ΠΊΠ΅Ρ€ Π—Π½Π°Ρ‡ΠΎΠΊ

    Π§Π°Ρ‚ Π—Π½Π°Ρ‡ΠΎΠΊ

    Π€Π°ΠΉΠ» Π—Π½Π°Ρ‡ΠΎΠΊ

    ΠšΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€ Π—Π½Π°Ρ‡ΠΎΠΊ

    ΠšΠ°ΠΌΠ΅Ρ€Π° Π—Π½Π°Ρ‡ΠΎΠΊ

    ΠšΠ°ΠΌΠ΅Ρ€Π° Π—Π½Π°Ρ‡ΠΎΠΊ

    Π–Π΅Π½Ρ‰ΠΈΠ½Π° Π—Π½Π°Ρ‡ΠΎΠΊ

    ΠšΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΡŒΠ½Ρ‹ΠΉ список Π—Π½Π°Ρ‡ΠΎΠΊ

    Касса Π—Π½Π°Ρ‡ΠΎΠΊ

    ΠΊΠ°Ρ€Ρ‚Π° Π—Π½Π°Ρ‡ΠΎΠΊ

    Настройки Π—Π½Π°Ρ‡ΠΎΠΊ

    Облако Π—Π½Π°Ρ‡ΠΎΠΊ

    Аналитика Π—Π½Π°Ρ‡ΠΎΠΊ

    ПляТ Π—Π½Π°Ρ‡ΠΎΠΊ

    ΠΌΡƒΠΆΡ‡ΠΈΠ½Π° Π—Π½Π°Ρ‡ΠΎΠΊ

    Π€Π΅Ρ€ΠΌΠ΅Ρ€ Π—Π½Π°Ρ‡ΠΎΠΊ

    ΠΠ²Ρ‚ΠΎΠΌΠΎΠ±ΠΈΠ»ΡŒ Π—Π½Π°Ρ‡ΠΎΠΊ

    Π“Ρ€Π°Ρ„ΠΈΠΊ Π—Π½Π°Ρ‡ΠΎΠΊ

    Π£Π²Π΅Π»ΠΈΡ‡ΠΈΠ²Π°Ρ‚ΡŒ Π—Π½Π°Ρ‡ΠΎΠΊ

    Π”ΠΠš Π—Π½Π°Ρ‡ΠΎΠΊ

    Π“Ρ€Π°Ρ„ΠΈΠΊ Π—Π½Π°Ρ‡ΠΎΠΊ

    Π‘Ρ‹Ρ€ Π—Π½Π°Ρ‡ΠΎΠΊ

    Π˜Π½ΠΎΠΏΠ»Π°Π½Π΅Ρ‚ΡΠ½ΠΈΠ½ Π—Π½Π°Ρ‡ΠΎΠΊ

    Облако Π—Π½Π°Ρ‡ΠΎΠΊ

    БатарСя Π—Π½Π°Ρ‡ΠΎΠΊ

    Π‘Π΅Π»Π» Π—Π½Π°Ρ‡ΠΎΠΊ

    ΠšΠΎΡ€Π·ΠΈΠ½Π° Π—Π½Π°Ρ‡ΠΎΠΊ

    ΠšΡƒΠΏΠΎΠ» Π—Π½Π°Ρ‡ΠΎΠΊ

    Босс Π—Π½Π°Ρ‡ΠΎΠΊ

    Π–Π΅Π½Ρ‰ΠΈΠ½Π° Π—Π½Π°Ρ‡ΠΎΠΊ

    ΠšΠΎΠ½Ρ„Π΅Ρ‚Ρ‹ Π—Π½Π°Ρ‡ΠΎΠΊ

    ΡˆΠ΅Ρ„-ΠΏΠΎΠ²Π°Ρ€ Π—Π½Π°Ρ‡ΠΎΠΊ

    ΠœΠΎΠ½Π΅Ρ‚Π° Π—Π½Π°Ρ‡ΠΎΠΊ

    ЗаявлСниС Π—Π½Π°Ρ‡ΠΎΠΊ

    Босс Π—Π½Π°Ρ‡ΠΎΠΊ

    Автобус Π—Π½Π°Ρ‡ΠΎΠΊ

    ΠΊΠ°ΠΏΠΈΡ‚Π°Π½ Π—Π½Π°Ρ‡ΠΎΠΊ

    Π›ΠΎΡˆΠ°Π΄ΡŒ Π—Π½Π°Ρ‡ΠΎΠΊ

    ΠœΠ°Π»Ρ‹Ρˆ Π—Π½Π°Ρ‡ΠΎΠΊ

    БэтмСн Π—Π½Π°Ρ‡ΠΎΠΊ

    Π’Π΅ΠΊΡ‚ΠΎΡ€ Π—Π½Π°Ρ‡ΠΎΠΊ

    ΠšΠ²Π°Ρ€Ρ‚ΠΈΡ€Π° Π—Π½Π°Ρ‡ΠΎΠΊ

    Π­ΠΊΠ²Π°Π»Π°ΠΉΠ·Π΅Ρ€ Π—Π½Π°Ρ‡ΠΎΠΊ

    ΠœΠ΅Π΄ΡΠ΅ΡΡ‚Ρ€Π° Π—Π½Π°Ρ‡ΠΎΠΊ

    Π―Π½ Π—Π½Π°Ρ‡ΠΎΠΊ

    Π‘Π°ΡˆΠ½Ρ Π—Π½Π°Ρ‡ΠΎΠΊ

    ΠΠ²Ρ‚ΠΎΠΌΠΎΠ±ΠΈΠ»ΡŒ Π—Π½Π°Ρ‡ΠΎΠΊ

    Π±ΡƒΡ„Π΅Ρ€ ΠΎΠ±ΠΌΠ΅Π½Π° Π—Π½Π°Ρ‡ΠΎΠΊ

    ΠŸΡƒΡΡ‚Ρ‹Π½Ρ Π—Π½Π°Ρ‡ΠΎΠΊ

    ΠžΡ‡ΠΊΠΈ Π—Π½Π°Ρ‡ΠΎΠΊ

    ΠžΡ„ΠΈΡ†ΠΈΠ°Π½Ρ‚ΠΊΠ° Π—Π½Π°Ρ‡ΠΎΠΊ

    Босс Π—Π½Π°Ρ‡ΠΎΠΊ

    Бонсай Π—Π½Π°Ρ‡ΠΎΠΊ

    ΠšΡΠΈΠ»ΠΎΡ„ΠΎΠ½ Π—Π½Π°Ρ‡ΠΎΠΊ

    Π ΡƒΠ»Π΅Π²ΠΎΠ΅ колСсо Π—Π½Π°Ρ‡ΠΎΠΊ

    Π‘ΡƒΡ‚ Π—Π½Π°Ρ‡ΠΎΠΊ

    БизнСс-Π»Π΅Π΄ΠΈ Π—Π½Π°Ρ‡ΠΎΠΊ

    Π‘ΡƒΠΌΠΊΠ° Π—Π½Π°Ρ‡ΠΎΠΊ

    Π“Ρ€Π°Π±ΠΈΡ‚Π΅Π»ΡŒ Π—Π½Π°Ρ‡ΠΎΠΊ

    Π‘Ρ‚ΡƒΠ» Π—Π½Π°Ρ‡ΠΎΠΊ

    Π“Ρ€ΠΎΠ± Π—Π½Π°Ρ‡ΠΎΠΊ

    Π€Π΅Ρ€Π±ΠΈ Π—Π½Π°Ρ‡ΠΎΠΊ

    Π“Ρ€ΠΈΠ± Π—Π½Π°Ρ‡ΠΎΠΊ

    ΡˆΠ°Ρ…ΠΌΠ°Ρ‚Π½Π°Ρ доска Π—Π½Π°Ρ‡ΠΎΠΊ

    ΠžΠ±Π»Π°Ρ‡Π½ΠΎ Π—Π½Π°Ρ‡ΠΎΠΊ

    Π‘Π²Π΅Ρ‡ΠΈ Π—Π½Π°Ρ‡ΠΎΠΊ

    Каноэ Π—Π½Π°Ρ‡ΠΎΠΊ

    Π¦Π΅ΠΌΠ΅Π½Ρ‚ Π—Π½Π°Ρ‡ΠΎΠΊ

    Пояс Π—Π½Π°Ρ‡ΠΎΠΊ

    ΠžΠ±Ρ€ΡƒΡ‡Π΅Π½ΠΈΠ΅ Π—Π½Π°Ρ‡ΠΎΠΊ

    ΠšΠΎΠ΄ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Π—Π½Π°Ρ‡ΠΎΠΊ

    Найти ΠΊΠΎΠ΄ Π—Π½Π°Ρ‡ΠΎΠΊ

    Код Π—Π½Π°Ρ‡ΠΎΠΊ

    Π”ΠΈΠ·Π°ΠΉΠ½ Π—Π½Π°Ρ‡ΠΎΠΊ

    Машинопись Π—Π½Π°Ρ‡ΠΎΠΊ

    ΠΊΠ°Ρ€Ρ‚Π° Π—Π½Π°Ρ‡ΠΎΠΊ

    HTML Π—Π½Π°Ρ‡ΠΎΠΊ

    Окно Π—Π½Π°Ρ‡ΠΎΠΊ

    Окно Π—Π½Π°Ρ‡ΠΎΠΊ

    Php Π—Π½Π°Ρ‡ΠΎΠΊ

    Удобство использования Π—Π½Π°Ρ‡ΠΎΠΊ

    Настройки Π—Π½Π°Ρ‡ΠΎΠΊ

    ΠŸΠΎΠΈΡΠΊΠΎΠ²Ρ‹ΠΉ Π΄Π²ΠΈΠΆΠΎΠΊ Π—Π½Π°Ρ‡ΠΎΠΊ

    Удобство использования Π—Π½Π°Ρ‡ΠΎΠΊ

    Код Π—Π½Π°Ρ‡ΠΎΠΊ

    ΠšΠΎΠ΄ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Π—Π½Π°Ρ‡ΠΎΠΊ

    ΠŸΠ°Ρ€Ρ‚ΠΈΡ Π—Π½Π°Ρ‡ΠΎΠΊ

    HTML Π—Π½Π°Ρ‡ΠΎΠΊ

    Π›ΡŽΠ΄ΠΈ Ρ‚Π°ΠΊΠΆΠ΅ ΠΈΡ‰ΡƒΡ‚:

    • ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ Π±ΡƒΠ»ΠΎΡ‡ΠΊΠΈ
    • ΠΈΠΊΠΎΠ½ΠΊΠΈ династии бСсплатно
    • Π·Π½Π°Ρ‡ΠΎΠΊ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ²
    • бСсплатныС биомСдицинскиС ΠΈΠΊΠΎΠ½ΠΊΠΈ
    • бСсплатныС ΠΈΠΊΠΎΠ½ΠΊΠΈ Π±Ρ€ΠΎΠΊΠ°
    • Π·Π½Π°Ρ‡ΠΎΠΊ Π²Π°Ρ…Ρƒ png
    • Π·Π½Π°Ρ‡ΠΎΠΊ домашнСго адрСса svg
    • ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΎΡ†Π΅Π½ΠΊΠΈ Π΄Π°Π½Π½Ρ‹Ρ…
    • ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ Π·Π½Π°Ρ‡ΠΎΠΊ ΠΏΠΈΠ²Π½ΠΎΠ³ΠΎ ΠΊΡ€Π°Π½Π°
    • Π³Π»ΠΎΠ±Π°Π»ΡŒΠ½Ρ‹Π΅ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΡ‹ Ρ€Π°Π·Π³ΠΎΠ²ΠΎΡ€ΠΎΠ²
    • Π—Π½Π°Ρ‡ΠΎΠΊ дСтской ΠΊΠ½ΠΈΠ³ΠΈ рассказов
    • ΠΈΠΊΠΎΠ½ΠΊΠΈ для суслика
    • Π·Π½Π°Ρ‡ΠΎΠΊ алкотСстСра svg
    • Π΄Π΅Π½Π΅ΠΆΠ½Ρ‹ΠΉ символ Ρ‡Π΅Ρ€Π΅ΠΏ
    • бСсплатныС ΠΈΠΊΠΎΠ½ΠΊΠΈ для ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ автомобиля
    • Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΡ‹ ΠΏΠΎΠ»ΠΈΡ†ΠΈΠΈ спСцназа
    • бСсплатныС ΠΈΠΊΠΎΠ½ΠΊΠΈ для исправлСния ошибок
    • эмодзи сумка для ΠΏΡ€ΠΎΠ΄Π°ΠΆ
    • Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ дСнь ΠšΠΎΠ»ΡƒΠΌΠ±Π°
    • ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ†ΠΈΠΉ символ
    • Π·Π½Π°Ρ‡ΠΎΠΊ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ иностранных ссылок
    • Π—Π½Π°Ρ‡ΠΎΠΊ измСрСния Π°ΠΌΠΏΠ»ΠΈΡ‚ΡƒΠ΄Ρ‹ svg
    • бСсплатныС ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΏΡ€ΠΈΠ΅ΠΌΠ° студСнтов
    • Π›ΠΎΠ³ΠΎΡ‚ΠΈΠΏ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠ³ΠΎ напряТСния
    • бСсплатныС ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΌΠ΅ΠΆΠ΄ΡƒΠ½Π°Ρ€ΠΎΠ΄Π½ΠΎΠΉ ΠΌΠΈΠ³Ρ€Π°Ρ†ΠΈΠΈ
    • смайлик ΠΎΠΏΠ»Π°Ρ‚Ρ‹ ΠΏΡ€ΠΎΠ΅Π·Π΄Π°
    • Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΡ‹ Ρ„Π°ΠΉΠ»ΠΎΠ² fev
    • символ ΠΌΠΈΠΊΠ°Π΄ΠΎ
    • символ автоматичСских Π΄Π²Π΅Ρ€Π΅ΠΉ
    • Π·Π½Π°Ρ‡ΠΎΠΊ для сохранСния ΠΏΡ€ΠΎΡ…Π»Π°Π΄Ρ‹

    Руководство для Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΡ… ΠΏΠΎ добавлСнию Π·Π½Π°Ρ‡ΠΊΠ° Π½Π° Π²Π΅Π±-сайт

    Π’Π΅Π±-ΡΡ‚Ρ€ΠΎΠΈΡ‚Π΅Π»ΡŒΡΡ‚Π²ΠΎ ВСхничСскоС обслуТиваниС

    21 апрСля 2022 Π³.

    Линас Π›.

    2 ΠΌΠΈΠ½ΡƒΡ‚Ρ‹ Π§ΠΈΡ‚Π°Ρ‚ΡŒ

    Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΡΡ‚Ρ€Π΅Ρ‚ΠΈΡ‚ΡŒ Ρ‚Π΅Ρ€ΠΌΠΈΠ½ favicon, ΠΊΠΎΠ³Π΄Π° Ρ€Π΅Ρ‡ΡŒ Π·Π°Ρ…ΠΎΠ΄ΠΈΡ‚ ΠΎ создании ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ Π²Π΅Π±-сайтов. Но Ρ‡Ρ‚ΠΎ ΠΈΠΌΠ΅Π½Π½ΠΎ? Π§Ρ‚ΠΎ ΠΆ, Π² этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ ΠΌΡ‹ ΠΎΡ‚Π²Π΅Ρ‚ΠΈΠΌ Π½Π° ваш вопрос ΠΈ ΠΏΠΎΠΊΠ°ΠΆΠ΅ΠΌ, ΠΊΠ°ΠΊ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Ρ„Π°Π²ΠΈΠΊΠΎΠ½ Π½Π° свой сайт. Π”Π°Π²Π°ΠΉΡ‚Π΅ Π½Π°Ρ‡Π½Π΅ΠΌ!

    Π—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ ΡΠ»Π΅ΠΊΡ‚Ρ€ΠΎΠ½Π½ΡƒΡŽ ΠΊΠ½ΠΈΠ³Ρƒ: Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ свой ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ Π²Π΅Π±-сайт Π·Π° 9 простых шагов

    Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Π°Π²ΠΈΠΊΠΎΠ½ ΠΈ ΠΏΠΎΡ‡Π΅ΠΌΡƒ ΠΎΠ½ Π²Π°ΠΆΠ΅Π½?

    ΠŸΡ€ΠΎΡ‰Π΅ говоря, Ρ„Π°Π²ΠΈΠΊΠΎΠ½ β€” это Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ вашСго Π²Π΅Π±-сайта, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ появляСтся рядом с ΠΌΠ΅Ρ‚Π°-Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠΌ Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ вашСго Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. Π”Ρ€ΡƒΠ³ΠΈΠΌΠΈ словами, вмСсто Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ Π·Π½Π°Ρ‡ΠΎΠΊ пустого Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅, Π½Π° вашСм Π²Π΅Π±-сайтС Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π·Π½Π°Ρ‡ΠΎΠΊ вашСго ΠΎΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π²Π΅Π±-сайта.

    Π‘ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ Π²Π΅Π±-сайтов ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ свой Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ Π² качСствС Ρ„Π°Π²ΠΈΠΊΠΎΠ½ΠΊΠΈ. Если Π½Π° вашСм сайтС Π½Π΅Ρ‚ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ°, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ просто ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π΅Π³ΠΎ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ бСсплатного конструктора Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠΎΠ². Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, ваши посСтитСли Π»Π΅Π³ΠΊΠΎ замСтят ваш сайт, ΠΊΠΎΠ³Π΄Π° ΠΎΡ‚ΠΊΡ€ΠΎΡŽΡ‚ мноТСство Π²ΠΊΠ»Π°Π΄ΠΎΠΊ Π² ΠΎΠ΄Π½ΠΎΠΌ ΠΎΠΊΠ½Π΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, ваш сайт Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Π³ΠΎΡ€Π°Π·Π΄ΠΎ Π±ΠΎΠ»Π΅Π΅ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎ.

    Как Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Favicon Π½Π° свой сайт?

    Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Π΄Π²ΡƒΡ… способов Π½ΠΈΠΆΠ΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Ρ„Π°Π²ΠΈΠΊΠΎΠ½ Π½Π° свой сайт!

    Π Π°Π·Ρ€Π΅ΡˆΠΈΡ‚ΡŒ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°ΠΌ автоматичСски ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π·Π½Π°Ρ‡ΠΎΠΊ

    Π‘Π°ΠΌΡ‹ΠΉ простой способ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π·Π½Π°Ρ‡ΠΎΠΊ Π½Π° свой сайт β€” Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ Π΅Π³ΠΎ Π² Π²ΠΈΠ΄Π΅ Ρ„Π°ΠΉΠ»Π° .png ΠΈΠ»ΠΈ .ico ΠΈΠ· Ρ„Π°ΠΉΠ»ΠΎΠ²ΠΎΠ³ΠΎ ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€Π° вашСго хостинга . Для этого Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚Π΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ дСйствия:

    1. ΠŸΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΡŒΡ‚Π΅ ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ .png ΠΈΠ»ΠΈ .ico для Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ° вашСго Π²Π΅Π±-сайта.
    Pro Tip

    Если Ρƒ вас ΡƒΠΆΠ΅ Π΅ΡΡ‚ΡŒ Ρ„Π°ΠΉΠ» .png , ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Π΅Π³ΠΎ. Π’Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅, ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚ΠΈΡ€ΡƒΠΉΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ .ico с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ConvertICo.com, Ссли Π²Π°ΠΌ ΠΊΠΎΠ³Π΄Π°-Π½ΠΈΠ±ΡƒΠ΄ΡŒ понадобится.

    1. ΠŸΠ΅Ρ€Π΅ΠΈΠΌΠ΅Π½ΡƒΠΉΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ .png ΠΈΠ»ΠΈ .ico Π² Π·Π½Π°Ρ‡ΠΎΠΊ favicon .
    Pro Tip

    Π‘ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ² автоматичСски ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡŽΡ‚ Ρ„Π°ΠΉΠ»Ρ‹ favicon. png ΠΈ favicon.ico , располоТСнныС Π² ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³Π΅ вашСго Π²Π΅Π±-сайта, Π² качСствС Π·Π½Π°Ρ‡ΠΊΠ° вашСго Π²Π΅Π±-сайта. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Π²Π°ΠΌ Π½Π΅ понадобится ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅.

    1. Π’ΠΎΠΉΠ΄ΠΈΡ‚Π΅ Π² свою ΠΏΠ°ΠΏΠΊΡƒ public_html , пСрСйдя Π² hPanel, Π·Π°Ρ‚Π΅ΠΌ  ДиспСтчСр Ρ„Π°ΠΉΠ»ΠΎΠ² -> ΠŸΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΊ диспСтчСру Ρ„Π°ΠΉΠ»ΠΎΠ² .
    1. Π—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ Ρ„Π°ΠΉΠ» favicon.png ΠΈΠ»ΠΈ .ico Π² ΠΏΠ°ΠΏΠΊΡƒ public_html . ΠŸΠ΅Ρ€Π΅Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ свой сайт, ΠΈ Π²Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ Ρ„Π°Π²ΠΈΠΊΠΎΠ½.

    Π’ качСствС Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Ρ‹, Ссли Ρƒ вас Π΅ΡΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎΠ΅ ΠΎΡ‚ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° .png ΠΈΠ»ΠΈ .ico (jpg, BMP, gif ΠΈ Ρ‚. Π΄.), Π²Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ Π² качСствС Π·Π½Π°Ρ‡ΠΊΠ° своСго Π²Π΅Π±-сайта. Π’Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅, Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ header.php Π² ΠΏΠ°ΠΏΠΊΠ΅ вашСй Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΉ Ρ‚Π΅ΠΌΡ‹. Для этого Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚Π΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ дСйствия Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ hPanel.

    1. Как Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π²Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² качСствС Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ°, ΠΏΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π² ДиспСтчСр Ρ„Π°ΠΉΠ»ΠΎΠ² -> ΠŸΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΊ диспСтчСру Ρ„Π°ΠΉΠ»ΠΎΠ² -> public_html .
    2. Π—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² ΠΏΠ°ΠΏΠΊΡƒ public_html .
    Pro Tip

    Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ исходноС Π½Π°Π·Π²Π°Π½ΠΈΠ΅ изобраТСния ΠΈΠ»ΠΈ ΠΏΠ΅Ρ€Π΅ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ Π² favicon . РСкомСндуСтся ΠΏΠ΅Ρ€Π΅ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Ρ‚ΡŒ Π·Π½Π°Ρ‡ΠΎΠΊ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚Π»ΠΈΡ‡Π°Ρ‚ΡŒ Π΅Π³ΠΎ ΠΎΡ‚ Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.

    1. ΠŸΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π² ΠΏΠ°ΠΏΠΊΡƒ wp-content -> themes . Π—Π°Ρ‚Π΅ΠΌ ΠΏΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ ΠΊ ΠΏΠ°ΠΏΠΊΠ΅ Ρ‚Π΅ΠΌΡ‹, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ Π² Π΄Π°Π½Π½Ρ‹ΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ‚.
    2. ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ Ρ„Π°ΠΉΠ» header.php ΠΈ Π²ΡΡ‚Π°Π²ΡŒΡ‚Π΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ синтаксис нСпосрСдствСнно ΠΏΠ΅Ρ€Π΅Π΄ ΠΊΠΎΠ½Ρ†ΠΎΠΌ Ρ‚Π΅Π³Π° :
      
    Pro Tip

    Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚Π΅ части /jpg ΠΈ /favicon.jpg Π² соотвСтствии с Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠΌ ΠΈ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ изобраТСния, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π²Ρ‹ ΡΠΎΠ±ΠΈΡ€Π°Π΅Ρ‚Π΅ΡΡŒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ.

    1. ПослС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π²Ρ‹ сохранили измСнСния, ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ ΠΊΠ°ΠΊ Π·Π½Π°Ρ‡ΠΎΠΊ вашСго Π²Π΅Π±-сайта.
    Pro Tip

    Если Π²Ρ‹ Π½Π΅ Π²ΠΈΠ΄ΠΈΡ‚Π΅ Π½ΠΎΠ²ΡƒΡŽ ΠΈΠΊΠΎΠ½ΠΊΡƒ, очиститС кСш Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° ΠΈ пСрСзапуститС Π±Ρ€Π°ΡƒΠ·Π΅Ρ€.

    Π—Π°ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅

    Как Π²ΠΈΠ΄ΠΈΡ‚Π΅, Ρ„Π°Π²ΠΈΠΊΠΎΠ½ Π½Π° вашСм сайтС ΠΈΠΌΠ΅Π΅Ρ‚ Ρ€Π΅ΡˆΠ°ΡŽΡ‰Π΅Π΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅. Π­Ρ‚ΠΎ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π΄Π΅Π»Π°Π΅Ρ‚ ваш сайт Ρ€Π°Π·Π»ΠΈΡ‡ΠΈΠΌΡ‹ΠΌ Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ°Ρ… Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°, Π½ΠΎ ΠΈ ΠΏΡ€ΠΈΠ΄Π°Π΅Ρ‚ Π΅ΠΌΡƒ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ Π²ΠΈΠ΄.

    Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π΅Π³ΠΎ автоматичСски, Π·Π°Π³Ρ€ΡƒΠ·ΠΈΠ² .png ΠΈΠ»ΠΈ .ico ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ с ΠΈΠΌΠ΅Π½Π΅ΠΌ favicon Π² ΠΏΠ°ΠΏΠΊΡƒ public_html . ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ (jpg, BMP, gif ΠΈ Ρ‚. Π΄.) ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ„Π°ΠΉΠ» header.php Π² ΠΏΠ°ΠΏΠΊΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΠΎΠΉ Π² настоящСС врСмя Ρ‚Π΅ΠΌΡ‹.

    Π‘Ρ‹Π»ΠΎ Π»ΠΈ это руководство ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΌ? ΠžΡΡ‚Π°Π²ΡŒΡ‚Π΅ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ Π½ΠΈΠΆΠ΅!

    Линас Π½Π°Ρ‡ΠΈΠ½Π°Π» ΠΊΠ°ΠΊ Π°Π³Π΅Π½Ρ‚ ΠΏΠΎ Ρ€Π°Π±ΠΎΡ‚Π΅ с ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°ΠΌΠΈ, Π° сСйчас являСтся ΠΏΠΎΠ»Π½ΠΎΡ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΌ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠΌ ΠΈ Ρ€ΡƒΠΊΠΎΠ²ΠΎΠ΄ΠΈΡ‚Π΅Π»Π΅ΠΌ тСхничСской Π³Ρ€ΡƒΠΏΠΏΡ‹ Π² Hostinger. Он ΡƒΠ²Π»Π΅Ρ‡Π΅Π½ Ρ‚Π΅ΠΌ, Ρ‡Ρ‚ΠΎ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ людям пСрвоклассныС тСхничСскиС Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ, Π½ΠΎ, нСсмотря Π½Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π΅ΠΌΡƒ нравится ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ, ΠΎΠ½ Π²Ρ‚Π°ΠΉΠ½Π΅ ΠΌΠ΅Ρ‡Ρ‚Π°Π΅Ρ‚ ΡΡ‚Π°Ρ‚ΡŒ Ρ€ΠΎΠΊ-Π·Π²Π΅Π·Π΄ΠΎΠΉ.

    Π•Ρ‰Π΅ ΠΎΡ‚ Линаса Π›.

    HTML Favicon | Π—Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΈ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Favicon Π² Ρ„Π°ΠΉΠ» HTML?

    Favicon β€” это краткая Ρ„ΠΎΡ€ΠΌΠ° Π·Π½Π°Ρ‡ΠΊΠ° ΠΈΠ·Π±Ρ€Π°Π½Π½ΠΎΠ³ΠΎ, Ρ‚Π°ΠΊΠΆΠ΅ Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌΠΎΠ³ΠΎ Π·Π½Π°Ρ‡ΠΊΠΎΠΌ Π·Π°ΠΊΠ»Π°Π΄ΠΊΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ ΠΊΠ°ΠΊ нСбольшой Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ с Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ΠΌ Ρ„Π°ΠΉΠ»Π° .ico, Π° Π½Π΅ с ΠΊΠ°ΠΊΠΈΠΌ-Π»ΠΈΠ±ΠΎ Π΄Ρ€ΡƒΠ³ΠΈΠΌ Ρ„Π°ΠΉΠ»ΠΎΠΌ .bmp ΠΈΠ»ΠΈ .gif, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ отобраТаСтся Π² адрСсной строкС с пСрсонализированным ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ. часто посСщаСмого URL-адрСса, ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ Π² Ρ€Π΅ΠΊΠ»Π°ΠΌΠ΅, ΠΏΡ€ΠΎΠ΄Π²ΠΈΠΆΠ΅Π½ΠΈΠΈ ΠΈΠ»ΠΈ Π² качСствС стандартной Ρ‚ΠΎΡ€Π³ΠΎΠ²ΠΎΠΉ ΠΌΠ°Ρ€ΠΊΠΈ, Π² Ρ‚ΠΎ ΠΆΠ΅ врСмя ΠΈΠ³Ρ€Π°Π΅Ρ‚ Π²Π°ΠΆΠ½ΡƒΡŽ Ρ€ΠΎΠ»ΡŒ Π½Π° Π²Π΅Π±-сайтС, Ρ‚Π°ΠΊΠΎΠΌ ΠΊΠ°ΠΊ Google, Facebook, Π³Π΄Π΅ ΠΌΡ‹ ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΠ»ΠΈ нСбольшой Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ Π² Π»Π΅Π²ΠΎΠΉ части адрСсной строки, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π΄Π°Π΅Ρ‚ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ внСшний Π²ΠΈΠ΄, Π° Ρ‚Π°ΠΊΠΆΠ΅ отобраТаСтся Π² Π·Π°ΠΊΠ»Π°Π΄ΠΊΠ°Ρ… ΠΈΠ·Π±Ρ€Π°Π½Π½ΠΎΠ³ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ, Π° Ρ‚Π°ΠΊΠΆΠ΅ Π±Π΅Π· Π·Π½Π°Ρ‡ΠΊΠ° Ρ„Π°Π²ΠΈΠΊΠΎΠ½Π° Π²Π΅Π±-сайт остаСтся ΠΎΠ±Ρ‰ΠΈΠΌ Π·Π½Π°Ρ‡ΠΊΠΎΠΌ Π²Π΅Π±-страницы ΠΈ выступаСт Π² качСствС ярлыка ΠΈΠ· Π·Π½Π°Ρ‡ΠΊΠ° ΠΈΠ·Π±Ρ€Π°Π½Π½ΠΎΠ³ΠΎ.

    ΠŸΡ€ΠΈΠΌΠ΅Ρ€ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° Π² Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠΌ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ ΠΏΠΎΠΊΠ°Π·Π°Π½ Π½ΠΈΠΆΠ΅. ΠŸΡ€ΠΈ Ρ‰Π΅Π»Ρ‡ΠΊΠ΅ ΠΈΠ·Π±Ρ€Π°Π½Π½ΠΎΠ³ΠΎ Π² Π·Π°ΠΊΠ»Π°Π΄ΠΊΠ΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ΡΡ Ρ‚ΠΈΠΏΠΈΡ‡Π½Ρ‹Π΅ Π·Π½Π°Ρ‡ΠΊΠΈ. Π”Π°ΠΆΠ΅ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Π΅Π±-сСрвисы, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‰ΠΈΠ΅ XML ΠΈ поисковыС систСмы, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ Ρ„Π°Π²ΠΈΠΊΠΎΠ½ для своСй ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ.

    Бинтаксис:

    НиТС ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½ основной ΠΌΠ΅Ρ‚Π°Ρ‚Π΅Π³ для ссылки Π½Π° Π²Π΅Π±-страницу.

      

    Π’ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ Π²Ρ‹ΡˆΠ΅ синтаксисС ΠΏΡƒΡ‚ΡŒ ΠΊ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡŽ замСняСтся фактичСским мСстополоТСниСм Ρ„Π°ΠΉΠ»Π° favicon.ico, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½ Π² ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. ПослСдний Ρ‚ΠΈΠΏ значСния β€” это Ρ„Π°ΠΉΠ» Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ MIME. ΠŸΡ€ΠΈΡ‡Π΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΠΎΠ΅ здСсь ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ любого Ρ‚ΠΈΠΏΠ°, Π½ΠΎ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ GIF заявлСн ΠΊΠ°ΠΊ Π±ΠΎΠ»Π΅Π΅ ΠΏΡ€ΠΎΠ΄Π²ΠΈΠ½ΡƒΡ‚Ρ‹ΠΉ.

    Как ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π·Π½Π°Ρ‡ΠΎΠΊ HTML Favicon?

    Π’Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ создаСт собствСнный пСрсонализированный Π·Π½Π°Ρ‡ΠΎΠΊ ΠΈ связываСт Π΅Π³ΠΎ с Π²Π΅Π±-страницСй. Π­Ρ‚ΠΎ дСлаСтся двумя способами: Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°ΠΌΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ Π·Π½Π°Ρ‡ΠΎΠΊ Π·Π½Π°Ρ‡ΠΊΠ°, ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅ΠΌΡ‹ΠΉ Π² адрСсной строкС ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΠΎΠ³ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. Π’ΠΎ-Π²Ρ‚ΠΎΡ€Ρ‹Ρ…, с интСрфСйсом Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° с Π²ΠΊΠ»Π°Π΄ΠΊΠ°ΠΌΠΈ ΠΎΠ½ отобраТаСтся Π² ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΉ ссылкС. Π”Π°ΠΆΠ΅ ΠΎΠ½ выбираСтся ΠΈΠ· собствСнного ТСсткого диска. Π‘Π°ΠΌΠΎΠ΅ Π³Π»Π°Π²Π½ΠΎΠ΅, Ρ„Π°Π²ΠΈΠΊΠΎΠ½ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ Ρ„Π°ΠΉΠ»Π° (.ico), ΠΈ сущСствуСт нСсколько бСсплатных сСрвисов для прСобразования изобраТСния.

    ПослС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ Π·Π°ΠΊΠΎΠ½Ρ‡ΠΈΠ» Ρ€Π°Π±ΠΎΡ‚Ρƒ Π½Π°Π΄ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ Π²Π΅Π±-сайта, добавляСтся Ρ„Π°Π²ΠΈΠΊΠΎΠ½. ΠŸΡ€ΠΎΡΡ‚ΠΎ ΠΎΠ½ замСняСт Π·Π½Π°Ρ‡ΠΎΠΊ пустого Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° Π·Π½Π°Ρ‡ΠΊΠΎΠΌ ΠΎΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠΉ Π²Π΅Π±-страницы. Π­Ρ‚ΠΎ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ Π΅ΠΌΡƒ Π»Π΅Π³Ρ‡Π΅ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π²Π΅Π±-сайт ΠΈΠ»ΠΈ ΠΈΡΠΊΠ°Ρ‚ΡŒ Π²Π΅Π±-сайт, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΌΡ‹ Π·Π½Π°Π΅ΠΌ, Ρ‡Ρ‚ΠΎ самая популярная поисковая систСма, Google, идСнтифицируСтся ΠΈΠ»ΠΈ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚ Π²ΠΏΠ΅Ρ‡Π°Ρ‚Π»Π΅Π½ΠΈΠ΅ Π½Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΏΠΎ Ρ‚Π΅ΠΌΠ΅ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ°. ΠŸΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ Π·Π½Π°Ρ‡ΠΎΠΊ слишком ΠΌΠ°Π», ΠΎΠ½ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ понятСн ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ. Π‘ΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚ Ρ€Π°Π·Π½Ρ‹Π΅ способы создания Favicon. Бпособ 1 – автоматичСская гСнСрация с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ„Π°ΠΉΠ»ΠΎΠ²ΠΎΠ³ΠΎ ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€Π°, способ -2: Π—Π°Π³Ρ€ΡƒΠ·ΠΊΠ° ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΠ³ΠΎ изобраТСния.

    Π¨Π°Π³ΠΈ ΠΏΠΎ созданию favicon.ico. Π­Ρ‚ΠΎ простой процСсс посадки:

    1. ГСнСрация изобраТСния Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ 16 x 16 пиксСлСй (РаспознаваниС изобраТСния). Π—Π΄Π΅ΡΡŒ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ изобраТСния, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π΅Π³ΠΎ ΠΊΡ€ΠΎΡˆΠ΅Ρ‡Π½Ρ‹ΠΌ для использования Π² качСствС Ρ„Π°Π²ΠΈΠΊΠΎΠ½Π°.
    2. Π‘Π΄Π΅Π»Π°Ρ‚ΡŒ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ Ρ„Π°ΠΉΠ»Π° favicon.ico для понимания Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠΌ.
    3. Π—Π°Π³Ρ€ΡƒΠ·ΠΊΠ° сгСнСрированного Π·Π½Π°Ρ‡ΠΊΠ° Π½Π° сайт.
    4. Π‘Π»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ шаг β€” Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π° Π² HTML. Π”Π°ΠΆΠ΅ Ρ„Π°Π²ΠΈΠΊΠΎΠ½ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ°ΠΊ Π·Π½Π°Ρ‡ΠΎΠΊ Ρ€Π°Π±ΠΎΡ‡Π΅Π³ΠΎ стола ΠΈΠ»ΠΈ яблока.

    Как Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π·Π½Π°Ρ‡ΠΎΠΊ Favicon Π² Ρ„Π°ΠΉΠ» HTML?

    Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Ρ„Π°Π²ΠΈΠΊΠΎΠ½Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΎ с ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΌ Ρ„ΠΎΠ½ΠΎΠΌ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ gif ΠΈΠ»ΠΈ .png. ΠœΠΎΠΆΠ΅Ρ‚ Π²ΠΎΠ·Π½ΠΈΠΊΠ½ΡƒΡ‚ΡŒ вопрос, Π·Π°Ρ‡Π΅ΠΌ Π½ΡƒΠΆΠ΅Π½ Ρ„Π°Π²ΠΈΠΊΠΎΠ½? ΠžΡ‚Π²Π΅Ρ‚ ΠΎΡ‡Π΅Π½ΡŒ прост: Π±Ρ€Π΅Π½Π΄ΠΈΠ½Π³ ΠΈ ΠΌΠ°Ρ€ΠΊΠ΅Ρ‚ΠΈΠ½Π³ нашСго Π²Π΅Π±-сайта ΠΏΠΎ всСму ΠΌΠΈΡ€Ρƒ. МалСнькая ΠΈΠΊΠΎΠ½ΠΊΠ° Π΄Π΅Π»Π°Π΅Ρ‚ Π²Π΅Π±-страницу Π±ΠΎΠ»Π΅Π΅ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΠΉ. Π€Π°Π²ΠΈΠΊΠΎΠ½ добавляСтся Π² Ρ„Π°ΠΉΠ» HTML простым способом ΠΈ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΈΠΌΠ΅Ρ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ характСристики, ΠΈ Π² любоС врСмя Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ»ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ„Π°Π²ΠΈΠΊΠΎΠ½ Π½Π° Π²Π΅Π±-сайтС.

    • Π‘Ρ‚Π°Π½Π΄Π°Ρ€Ρ‚Π½ΠΎΠ΅ имя с Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠΌ Ρ„Π°ΠΉΠ»Π°: ПослС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ создано ΠΈ Π½Π°Π·Π²Π°Π½ΠΎ, ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ favicon. ico (Ρ„Π°ΠΉΠ»Ρ‹ ICO, созданныС с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ X-ICON Editor).
    • Π Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π° изобраТСния :16 * 16, 64 * 64, 128 * 128 пиксСлСй ΠΈ, ΠΊΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Ρ„Π°ΠΉΠ»Ρ‹ Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΏΡ€Π΅Π²Ρ‹ΡˆΠ°Ρ‚ΡŒ 100 ΠšΠ‘.
    • Π¦Π²Π΅Ρ‚ : ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ 8 укусов, 24 ΠΈΠ»ΠΈ 32 укуса
    • Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅: Π”ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ gif ΠΈΠ»ΠΈ png.

    Π€Π°Π²ΠΈΠΊΠΎΠ½ помСщаСтся ΠΌΠ΅ΠΆΠ΄Ρƒ элСмСнтом ΠΈ замСняСт мСстополоТСниС изобраТСния. Он ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ Ρ‚Π΅Π³ ссылки, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ опрСдСляСт ссылку Π½Π° Ρ„Π°ΠΉΠ». Он ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ Π΄Π²Π° Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π°, rel ΠΈ href. ΠœΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏ с ΠΏΠ»Π°Π³ΠΈΠ½Π°ΠΌΠΈ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ ΠΎΠ½Π»Π°ΠΉΠ½-Π³Π΅Π½Π΅Ρ€Π°Ρ‚ΠΎΡ€Π°ΠΌΠΈ для прСобразования Ρ„Π°ΠΉΠ»Π° изобраТСния Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ .ico.

    ΠŸΡƒΡ‚ΡŒ ΠΊ Ρ€Π°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΡŽ Π·Π½Π°Ρ‡ΠΊΠ°: это стандартная рСализация.

     Β Β Β Β Β  // УстанавливаСт Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ Π·Π½Π°Ρ‡ΠΊΠΈ.
    Β Β  // здСсь Π² Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π΅ ссылки ярлык устанавливаСт собствСнный Π·Π½Π°Ρ‡ΠΎΠΊ Π² адрСсной строкС. 

    Π‘Π»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ ΠΊΠΎΠ΄ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ IOS:

      ../> 

    НиТС ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ ΠΊΠΎΠ΄Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΡ‹ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π² HTML-ΠΊΠΎΠ΄Π΅

    ΠŸΡ€ΠΈΠΌΠ΅Ρ€:

     
    
    
    <Π³ΠΎΠ»ΠΎΠ²Π°>
    <ΠΌΠ΅Ρ‚Π°-ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²ΠΊΠ° = "utf-8" />
    <Π½Π°Π·Π²Π°Π½ΠΈΠ΅>
    Π·Π½Π°Ρ‡ΠΎΠΊ EDUCBAΒ 
    
    
    
    <Ρ‚Π΅Π»ΠΎ>
    

    Иконка ΠžΠ‘Π ΠΠ—ΠžΠ’ΠΠΠ˜Π―

    <Ρ€> Иконка Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Π° ​​в Π°Π΄Ρ€Π΅ΡΠ½ΡƒΡŽ строку

    Π’Ρ‹Π²ΠΎΠ΄:

    ОбъяснСниС ΠΊΠΎΠ΄Π°: Π’ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ Π²Ρ‹ΡˆΠ΅ ΠΊΠΎΠ΄Π΅ я создал ΠΌΠ°Π»Π΅Π½ΡŒΠΊΡƒΡŽ ΠΎΠ²Π°Π»ΡŒΠ½ΡƒΡŽ ΠΈΠΊΠΎΠ½ΠΊΡƒ ΠΈ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π» Π΅Π΅ Π² Ρ„Π°Π²ΠΈΠΊΠΎΠ½ΠΊΡƒ. Π‘Π»Π΅Π΄ΡƒΠ΅Ρ‚ ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π·Π½Π°Ρ‡ΠΎΠΊ отобраТаСтся Π² Internet Explorer, Π° Π²ΠΎ ΠΌΠ½ΠΎΠ³ΠΈΡ… Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ… ΠΎΠ½ Π΅Π³ΠΎ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚. IE Π±Π΅Ρ€Π΅Ρ‚ Π·Π½Π°Ρ‡ΠΎΠΊ ΠΈΠ· ΠΊΠΎΡ€Π½Π΅Π²ΠΎΠ³ΠΎ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³Π°. Если Π² Ρ„Π°ΠΉΠ»Π΅ HTML Π½Π΅ ΡƒΠΊΠ°Π·Π°Π½ ΠΏΡƒΡ‚ΡŒ, ΠΎΠ½ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ ΠΎΡˆΠΈΠ±ΠΊΡƒ 404 ΠΈΠ· ΠΎΡ‚Π²Π΅Ρ‚Π° сСрвСра. Для этого, вСроятно, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΎΡ‡ΠΈΡΡ‚ΠΈΡ‚ΡŒ кСш Π²Π°ΡˆΠΈΡ… Π²Π΅Π±-сайтов, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ±Π½ΠΎΠ²ΠΈΡ‚ΡŒ Π·Π½Π°Ρ‡ΠΎΠΊ, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ Π²Π΅Π±-Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ ΠΎΡ‡Π΅Π½ΡŒ ΡΠΈΠ»ΡŒΠ½Ρ‹ Π² постоянном Ρ…Ρ€Π°Π½Π΅Π½ΠΈΠΈ ΠΊΡΡˆΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ… Π·Π½Π°Ρ‡ΠΊΠΎΠ².

Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

Π’Π°Ρˆ адрСс email Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½. ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ поля ΠΏΠΎΠΌΠ΅Ρ‡Π΅Π½Ρ‹ *