HTML <img> alt অ্যাট্রিবিউট

সংজ্ঞা ও ব্যবহার

alt এই অ্যাট্রিবিউট একটি অপরিহার্য অ্যাট্রিবিউট, যা ছবি দেখা যায় না তখন প্রতিস্থাপন টেক্সট নির্দিষ্ট করে।

যদি কোনও কারণে ব্যবহারকারী ছবিটি দেখতে পারবেন না, alt অ্যাট্রিবিউট ছবিকে প্রতিস্থাপন তথ্য প্রদান করতে পারে:

  • ইন্টারনেট গতি অত্যন্ত কম
  • src অ্যাট্রিবিউটের ভুল
  • ব্রাউজার ছবি নিষিদ্ধ করেছে
  • ব্যবহারকারী একটি স্ক্রিন রিডার ব্যবহার করছে

<img> ট্যাগের alt অ্যাট্রিবিউট ছবিটি দেখা যায় না বা ব্যবহারকারী ছবি দেখাতে নিষিদ্ধ করেছে তখন, ব্রাউজারে ছবির পরিবর্তে দেখানো হয়না কিনা উপযুক্ত টেক্সট।

আমরা আপনাকে উপদেশ দিই, ডকুমেন্টের প্রত্যেক ছবিতে এই অ্যাট্রিবিউট ব্যবহার করুন।এইভাবে ছবিটি দেখা যায় না হলেও, ব্যবহারকারীকে কী কী হারিয়েছে তা জানাতে পারে।এবং দিব্যাঙ্গদের ক্ষেত্রে, alt অ্যাট্রিবিউট তাদের ছবির বিষয় বোঝাতে একমাত্র উপায় হতে পারে。

তুলনা:যদি আপনি ছবিতে টুলস্পট তৈরি করতে চান, তবে এইভাবে ব্যবহার করুন: title অ্যাট্রিবিউট!

তুলনা ও মন্তব্য

মন্তব্য:alt এই অ্যাট্রিবিউটের মান হলো একটি সর্বোচ্চ 1024 বর্ণ ধারণকারী স্ট্রিং, যাতে স্পেস ও পদ্ধতি সহ থাকতে পারে।এই স্ট্রিংটিকে যোগসূত্রের মধ্যে রাখা উচিত।এই alt টেক্সটটিতে বিশেষ চিহ্নগুলির এক্টিভি উচিত, কিন্তু অন্যান্য ধরনের ট্যাগগুলি দেওয়া উচিত নয়, বিশেষ করে কোনও স্টাইল ট্যাগ নয়。

মন্তব্য:যখন ব্যবহারকারী মাউসটেক ইমেজ ইলেমেন্টের ওপর নিয়ে যায়, ইন্টারনেট এক্সপ্লোরার এলট অ্যাট্রিবিউটের মান দেখাবে।এই আচরণ সঠিক নয়।অন্যান্য সব ব্রাউজার নিয়মনীতিতে এসেছে, যেখানে ছবি দেখা যায় না, তবেই প্রতিস্থাপন টেক্সট দেখায়。

তুলনা:যদি আপনি ছবিতে টুলস্পট তৈরি করতে চান, তবে এইভাবে ব্যবহার করুন: title অ্যাট্রিবিউট

প্রতিদর্শন

উদাহরণ 1

<img src="/i/eg_tulip.jpg" alt="শাংহাই ফ্লোরাল পার্ক - ট্যুলিপ" />

আপনার নিজেই চেষ্টা করুন

যদি ছবি দেখা যায় না, তবে ব্রাউজার একটি প্রতিস্থাপন টেক্সট দেখাবে, যেমন এইভাবে:

শাংহাই ফ্লোরাল পোর্ট - টিউশেং

এছাড়া, যখন ব্যবহারকারী ছবির উপর মাউস লোকানো হয়, সর্বশেষ ব্রাউজার একটি টেক্সট বাক্সে বর্ণনামূলক টেক্সট দেখাবে।এই কোড, alt প্রতিধ্বনীতে বর্ণনামূলক টেক্সট যোগ করে:

আপনি নিচের ছবিতে মাউস লোকানোর ফলাফল দেখতে পারবেন:

শাংহাই ফ্লোরাল পোর্ট - টিউশেং

লাল বন্ধনীতে থাকা টেক্সট বাক্স, যখন ব্যবহারকারী মাউস ছবিতে লোকানো হয়, IE7 ব্রাউজারে দেখা হয়:

শাংহাই ফ্লোরাল পোর্ট - টিউশেং

উদাহরণ 2

প্রতিস্থাপনাকারী টেক্সট নির্দিষ্ট করা ছবি:

<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">

আপনার নিজেই চেষ্টা করুন

বিন্যাস

<img alt="text">

প্রতিধ্বনী মূল্য

মূল্য বর্ণনা
text

ছবির প্রতিস্থাপনাকারী টেক্সট নির্দিষ্ট করুন。

alt টেক্সটের ব্যবহারের নীতি:

  • যদি ছবিতে তথ্য থাকে - অল্ট ব্যবহার করে ছবির বর্ণনা
  • যদি ছবি a ইউনিটে - অল্ট ব্যবহার করে লক্ষ্য লিঙ্কের বর্ণনা
  • যদি ছবি শুধুমাত্র শৈলীমূলক - অল্ট="" ব্যবহার করুন

ব্রাউজার সমর্থন

চ্রোম এডজ ফায়ারফক্স স্যাফারি ওপেরা
চ্রোম এডজ ফায়ারফক্স স্যাফারি ওপেরা
সমর্থন সমর্থন সমর্থন সমর্থন সমর্থন