অ্যাট্রিবিউট height
অ্যাট্রিবিউট height ঐ ছবির উচ্চতা নির্ধারণ করে,
যা img ট্যাগ দ্বারা নির্ধারিত হয়েছে।
বর্তমানে এই অ্যাট্রিবিউটটি শুধুমাত্র ছবি,
iframe,
video
এবং কিছু অন্যান্য ট্যাগের জন্য ব্যবহার করা অনুমোদিত।
পিক্সেল বা শতাংশে মান নির্দিষ্ট করা অনুমোদিত। শতাংশে আকার নির্দিষ্ট করার ক্ষেত্রে, এটি প্যারেন্টের প্রস্থ থেকে নেওয়া হবে। পিক্সেলে আকার নির্দিষ্ট করার ক্ষেত্রে, মাপের একক উল্লেখ করা হয় না।
যদি একটি ছবির জন্য প্রস্থ বা উচ্চতা কোনটিই নির্দিষ্ট করা না থাকে - ছবিটি তার প্রকৃত আকারে থাকবে। যদি শুধু উচ্চতা নির্দিষ্ট করা থাকে - ছবিটি নির্দিষ্ট উচ্চতার হবে, এবং প্রস্থ সামঞ্জস্য করা হবে যাতে তার অনুপাত বিকৃত না হয়। যদি শুধু প্রস্থ নির্দিষ্ট করা থাকে - একইভাবে, ছবিটি উচ্চতায় সামঞ্জস্য করবে যাতে অনুপাত বজায় থাকে। যদি প্রস্থ এবং উচ্চতা উভয়ই নির্দিষ্ট করা থাকে - ছবির অনুপাত বিকৃত হতে পারে (বা নাও হতে পারে, আপনি অনুমান করুন)। যদি প্রস্থ বা উচ্চতা (বা উভয়ই একসাথে) প্রকৃত আকারের চেয়ে বেশি হয় - ছবিটি বড় হবে, কিন্তু গুণমান হারাবে।
অ্যাট্রিবিউটে ছবির প্রস্থ এবং উচ্চতা নির্দিষ্ট করার পরামর্শ দেওয়া হয় - এই ক্ষেত্রে ব্রাউজার ছবিগুলি দ্রুত লোড করবে - এর জন্য প্রয়োজন নেই প্রতিটি ছবি পাওয়ার পরে তার আকার গণনা করার।
প্রয়োজন ছাড়া ছবির প্রকৃত আকার কমানোর পরামর্শ দেওয়া হয় না। উদাহরণস্বরূপ, একটি ছবির প্রকৃত
আকার 1000 বাই 1000
পিক্সেল, এবং আপনি এটির প্রস্থ নির্দিষ্ট করেছেন 100px।
এই ক্ষেত্রে স্ক্রিনে ছবিটি 100 পিক্সেল দেখাবে, তবে এটি সম্পূর্ণ হাজার পিক্সেলের আকার বহন করবে
এবং সেই অনুযায়ী, লোড হতে অনেক বেশি সময় নেবে।
কাজের উদাহরণ এখানে দেখুন:
ট্যাগ img।