ফেভিকন.ইকো এর জন্য লিঙ্ক ট্যাগ যুক্ত করার জন্য প্রয়োজনীয়?

153

এমন কোনও আধুনিক ব্রাউজার রয়েছে যা ফেভিকন.ইকো স্বয়ংক্রিয়ভাবে সনাক্ত করতে পারে না? ফেভিকন.ইকো-র লিঙ্ক ট্যাগ যুক্ত করার কোনও কারণ আছে কি?

<link rel="shortcut icon" href="/favicon.ico">

আমার অনুমান যে আপনি যদি জিআইএফ বা পিএনজি নিয়ে যাওয়ার সিদ্ধান্ত নেন তবে এটি কেবল HTML ডকুমেন্টে অন্তর্ভুক্ত করা দরকার ...

html favicon html-head

— user1087110
সূত্র

আমি কখনও দেখিনি যে কোনও ব্রাউজারের এটির প্রয়োজন ছিল। আপনার কোন উদাহরণ আছে?

— শার্ক 555

আমি এমন কিছু ব্রাউজারের নাম রাখতে পারি যেগুলি favicon.icoস্বয়ংক্রিয়ভাবে সন্ধান করতে হবে কিনা সেগুলির পছন্দসমূহ সেটিংস রয়েছে । সুতরাং আপনি যদি নিশ্চিত হতে চান যে আপনার আইকনটি প্রদর্শিত হচ্ছে, আরও ভাল আপনার HTML এ একটি লিঙ্ক অন্তর্ভুক্ত করুন। যাইহোক, .png ফাইলগুলি সাধারণত তুলনাযোগ্য .ico ফাইলের চেয়ে ছোট হয়।

— মিস্টার লিস্টার 21

দয়া করে কিছু মিস্টার লিস্টারটির নাম দিন :) কোনও শার্ক 555 নেই, আমি কোনও নামকরণ করতে পারি না ...

— ব্যবহারকার 1087110

5

ফায়ারফক্স (এবং অন্যান্য গেকো ভিত্তিক ব্রাউজারগুলি যেমন সিমনকি) এর আচরণটি সূক্ষ্ম করে তুলতে বেশ কয়েকটি সেটিংস রয়েছে has browser.chrome.faviconsসত্য হিসাবে সেট করা মূলটিতে ফেভিকন.ইকো খুঁজবে; যদি মিথ্যা হয়, এটি HTML পৃষ্ঠায় নির্দিষ্ট করা থাকলে কেবলমাত্র একটি আইকন লোড করবে। দেখুন kb.mozillazine.org/Browser.chrome.favicons এবং সম্পর্কিত পেজ।

— মিস্টার লিস্টার

এর সম্ভাব্য সদৃশটি কি আপনাকে <লিঙ্ক rel = "আইকন" href = "ফেভিকন.ইকো" টাইপ = "চিত্র / এক্স-আইকন" /> অন্তর্ভুক্ত করতে হবে?

— ড্যান ড্যাসক্লেস্কু

253

ফেভিকনের জন্য আলাদা অবস্থান বা ফাইলের ধরণ (যেমন পিএনজি বা এসভিজি ) চয়ন
করতে : একটি কারণ হ'ল আপনি আইকনটি একটি নির্দিষ্ট স্থানে রাখতে চান, সম্ভবত ইমেজ ফোল্ডারে বা একই জাতীয় কিছুতে। উদাহরণ স্বরূপ:

<link rel="icon" href="_/img/favicon.png">

এই ডিফেরেন্টের অবস্থানটি সিডিএনও হতে পারে, ঠিক যেমন এসও-র সাথে করা হয় <link rel="shortcut icon" href="http://cdn.sstatic.net/stackoverflow/img/favicon.ico"> ।

পিএনজির মতো অন্যান্য ফাইল ধরণের ব্যবহার সম্পর্কে আরও জানতে এই প্রশ্নটি পরীক্ষা করে দেখুন ।

জন্য ক্যাশে কীট ধ্বংস দিবসে উদ্দেশ্যসমূহ:
ক্যাশে-কীট ধ্বংস দিবসে উদ্দেশ্যে পথে একটি কোয়েরি স্ট্রিং যোগ করুন

<link rel="icon" href="/favicon.ico?v=1.1">

ফ্যাভিকনগুলি খুব ভারীভাবে ক্যাশে হয় এবং রিফ্রেশ নিশ্চিত করার জন্য এটি দুর্দান্ত উপায়।

ডিফল্ট অবস্থান সম্পর্কে পাদটীকা:
যতদুর প্রশ্ন প্রথম বিট: সব আধুনিক ব্রাউজারে একটি ফেভিকন ডিফল্ট অবস্থানে শনাক্ত হবে, তাই যে না ব্যবহার করার জন্য একটি কারণ linkএটির জন্য।

পাদটীকা সম্পর্কে rel="icon": @ সেমানিনোর জবাব
অনুসারে ইঙ্গিত করা হয়েছে যে একটি প্রাচীন প্রযুক্তি ব্যবহার করা যা ইন্টারনেট এক্সপ্লোরারের পুরানো সংস্করণগুলির দ্বারা প্রয়োজনীয় ছিল, তবে বেশিরভাগ ক্ষেত্রে আরও সঠিক নির্দেশ দ্বারা প্রতিস্থাপন করা যেতে পারে । নিবন্ধ @Semanino এই ভিত্তি সঠিকভাবে লিঙ্ক উপযুক্ত বৈশিষ্ট যা শো একটি মান একটি বৈধ বিকল্প নয়।rel="shortcut icon"rel="icon"relshortcut

— Jeroen
সূত্র

এই <head>ট্যাগ করা উচিত?

— ম্যাক্স উইলিয়ামস

1

@ ম্যাক্সউইলিয়ামস হ্যাঁ ( "অনুমোদিত পিতা বা মাতা উপাদান" দেখ MDN দস্তাবেজে বা "অনুষঙ্গ" W3 বৈশিষ্ট )।

— জেরোইন

1

এটি ২০১ - - এবং ক্রোম এখনও (বা আবার?) যদি আপনি অন্য আইকনগুলিও নির্দিষ্ট করে থাকেন তবে মূলটিতে ডিফল্ট ফেভিকন.ইকোকে স্বীকৃতি দিচ্ছে না ...

— সেবাস্তিয়ান জি। মেরিনেস্কু

52

দয়া করে মনে রাখবেন যে W3C উভয় HTML5 এর স্পেসিফিকেশন এবং WHATWG STANDARDIZE

<link rel="icon" href="/favicon.ico">

"Rel" বৈশিষ্ট্যের মান নোট করুন!

মান shortcut iconজন্য relঅ্যাট্রিবিউট একটি খুব পুরানো ইন্টারনেট এক্সপ্লোরার নির্দিষ্ট এক্সটেনশন এবং অবচিত ।

সুতরাং দয়া করে এটিকে আর ব্যবহার না করা এবং আপনার ফাইলগুলি আপডেট করার বিষয়টি বিবেচনা করুন যাতে সেগুলি মানদণ্ডের সাথে সঙ্গতিপূর্ণ হয় এবং সমস্ত ব্রাউজারে সঠিকভাবে প্রদর্শিত হয়।

আপনি এই দুর্দান্ত পোস্টটি একবার দেখে নিতেও পারেন : rel = "শর্টকাট আইকন" ক্ষতিকারক হিসাবে বিবেচিত

— Semanino
সূত্র

1

বেশ "অবমূল্যায়ন" নয় (এটি আসলে কোনও অনুমানের অংশ ছিল না)। তবে, এইচটিএমএল 5 স্পেসে বলা হয়েছে, "historicalতিহাসিক কারণে আইকন মূলশব্দটি" শর্টকাট "এর মূল শব্দাবলীর আগে হতে পারে। যদি" শর্টকাট "কীওয়ার্ডটি উপস্থিত থাকে তবে তা অবশ্যই আইকন কীওয়ার্ডের আগে আসতে হবে এবং দুটি কীওয়ার্ড পৃথক করতে হবে কেবলমাত্র একটি একক ইউ + 0020 স্পেস অক্ষর দ্বারা "। আরও মনে রাখবেন যে, "আইকন কীওয়ার্ড দ্বারা প্রদত্ত সংস্থানগুলির জন্য কোনও ডিফল্ট টাইপ নেই।"

— ডকরাট

12

<link rel="icon" type="image/x-icon" href="http://example.com/favicon.ico" />
<link rel="icon" type="image/png" href="http://example.com/favicon.png" />
<link rel="icon" type="image/gif" href="http://example.com/favicon.gif" />
<link rel="icon" type="image/jpeg" href="http://example.com/favicon.jpeg" />
<link rel="icon" type="image/webp" href="http://example.com/favicon.webp" />

এগুলি সমস্তই নির্ভর করে আপনি কোন ধরণের ইমেজটি ব্যবহার করতে চান তার উপর!
আপনার যদি আপনার ওয়েবসাইটের একটি আইকন থাকে তবে এটি ইউএক্সের জন্য আরও ভাল হবে!

ডেমো

ব্রাউজার ট্যাবে লোগো প্রদর্শন করুন

— xgqfrms
সূত্র

iconhandbook.co.uk/references/example/favicons লিংক: mathiasbynens.be/notes/rel-shortcut-icon#comments লিঙ্ক: এইচটিএমএল.স্পেক.কিটভিগ. org / মাল্টিপেজ / সিমেন্টিকস html#rel- আইকন লিঙ্ক:

— এক্সজিকিফার্মস

ইউএক্স এর সাথে কিছু করার নেই।

— প্যাডটটক

@ প্যাডটক বলতে আমার অর্থ হ'ল ব্যবহারকারী যদি সহজেই তা ট্যাবটিতে ফ্যাভিকন আইকন প্রদর্শন করে তবে ব্রাউজারে মাল্টি-ট্যাবগুলি খুললে লক্ষ্য ওয়েবসাইটের সাথে সম্পর্কিত কোন ট্যাবটি সহজেই তা বলতে পারে।

— xgqfrms

1

প্ল্যাটফর্ম নির্দিষ্ট আকারের সাথে আমরা সমস্ত ডিভাইস যুক্ত করতে পারি

<link rel="apple-touch-icon" sizes="57x57" href="fav_icons/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="fav_icons/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="fav_icons/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="fav_icons/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="fav_icons/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="fav_icons/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="fav_icons/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="fav_icons/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="fav_icons/apple-icon-180x180.png">

<link rel="icon" type="image/png" sizes="192x192"  href="fav_icons/android-icon-192x192.pn">
<link rel="icon" type="image/png" sizes="32x32" href="fav_icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="fav_icons/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="fav_icons/favicon-16x16.png">

— Abhilash
সূত্র

0

নীচের লাইনটি সমস্ত ব্রাউজারগুলি আসলে আপনার ফেভিকন.ইকো ফাইলটির সন্ধান করবে না । কিছু ব্রাউজার ব্যবহারকারীদের এটি স্বয়ংক্রিয়ভাবে দেখা উচিত কিনা তা চয়ন করার অনুমতি দেয়। সুতরাং, এটি সর্বদা প্রদর্শিত হবে এবং সন্ধান করবে তা নিশ্চিত করার জন্য , আপনাকে এটি সংজ্ঞায়িত করতে হবে।

— animuson
সূত্র

6

আপনার মন্তব্য animuson জন্য ধন্যবাদ। আপনি এমন কিছু ব্রাউজারের নাম রাখতে পারেন যা স্বয়ংক্রিয়ভাবে চেহারা দেখায় না?

— ব্যবহারকারী 1087110

11

@ ইউজার 1087110: আমি আমার মাথার উপরের দিক থেকে কোনওটিই জানি না, এবং সততার সাথে কে যত্ন করে। মুল বক্তব্যটি আপনি এটি অনুমান করতে পারবেন না এবং আপনার পক্ষে তাদের অ্যাকাউন্ট করতে হবে যা তা করবে না।

— animuson

যেহেতু এটি আর প্রাসঙ্গিক নয়, আপনি পৃষ্ঠাটি পরিষ্কার করার জন্য আপনার উত্তর মুছতে পারেন।

— মুরগি