DOM является древовидной структурой.
Когда вы добавляете элемент, вы меняете его родителя.
Узел в браузере намного больше, чем просто текст внутри вашего P (эта строка может быть разделена, в факт). Он также имеет положение, размеры, видимость, принимает события, которые могли быть уволены в дочерних элементах, распространять события на родителя и т. Д. Все здесь зависит от положения в дереве. Так же, как и многие селектор CSS. Не имеет большого значения, чтобы представить, что это один и тот же элемент в двух местах, лучше подумать об этом как о двух узлах, возможно, в одном и том же содержимом.
Если вы хотите иметь один и тот же контент в двух местах, у вас есть , чтобы клонировать его .
Я иду для пояса и подхода фигурных скобок сюда.
я создаю 32x32 значок и в .ico
и в .png
форматы, названные favicon.ico
и favicon.png
. Имя значка действительно не имеет значения, если Вы не имеете дело с более старыми браузерами.
favicon.ico
на Вашем сайте базируются для поддержки более старых браузеров (дополнительный и только важный для более старых браузеров. <head>
элемент. <link rel="icon" href="/images/favicon.png" type="image/png" /> <link rel="shortcut icon" href="/favicon.ico" />
Обратите внимание на то, что:
.ico
файлы был зарегистрирован как image/vnd.microsoft.icon IANA. type
атрибут для отношений ярлыка, и это - единственный браузер для поддержки этих отношений, это не должно быть предоставлено. Я использую формат .ico и помещаю следующие две строки в <head>
элемент:
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
Favicon должен быть .ico файл для работы правильно над всеми браузерами.
современные браузеры также поддерживают изображения GIF и PNG.
я нашел, что в целом самый легкий способ создать нужно использовать веб-сервис в свободном доступе такой в качестве favicon.cc.
Существует также сайт, где можно проверить, как favicon любой страницы сделан
Там, Вы видите учебное руководство о создании favicons, типах изображения и разрешениях, это хорошо!
IE6 не может обработать PNGs правильно, быть предупрежден.
Наличие favicon.*
в Вашем корневом каталоге автоматически обнаруживается большинством браузеров. Можно удостовериться, что это обнаруживается при помощи:
<link rel="icon" type="image/png" href="/path/image.png" />
Лично я использую изображения .png, но большинство форматов должно работать.
Ответ на этот вопрос стал , усложнил достаточно , что лучший способ состоит в том, чтобы просто использовать инструмент как RealFaviconGenerator, который позволяет Вам загрузить png/jpg и затем генерирует favicons и код для покрытия всех платформ для Вас: https://realfavicongenerator.net /