دليل مرجع HTML

مجموعة علامات HTML

HTML: <img> height خاصية

خصية height تحدد طول الصورة بالبكسل

مثال عبر الإنترنت

صورة طولها وعرضها 32 بكسل:

مثال

<!DOCTYPE html>
<html>
<head>
<title>HTML: <img> height خاصية - موقع دروس أساسية لشبكة الويب oldtoolbag.com</title>
<body>
<img src="haha.gif" alt="وجه haha" width="32" height="32">
</body>
</html>

اختبار لمعرفة

مطابقة متصفح

IEFirefoxOperaChromeSafari

يدعم جميع المتصفحات الشائعة الخاصية height.

تحدد الخاصية height الارتفاع الصورة كبكسل.

نصيحة:تحدد دائمًا الخاصية height و width للصورة معًا. إذا تم تعيين هذه الخاصيتين، فإن المساحة المطلوبة للصورة تُحافظ عليها عند تحميل الصفحة. ولكن إذا لم يتم تعيين هذه الخاصيتين، فإن المتصفح لا يعرف حجم الصورة ويجب أن يحتفظ بمساحة مناسبة لها. النتيجة هي أن تشكل الصفحة سيتغير أثناء عملية التحميل (عند تحميل الصورة).

نصيحة:استخدام الخاصية height و width لتقليل حجم الصورة الكبيرة سيجعل المستخدمين تنزيل الصورة الكبيرة (حتى لو كانت تبدو صغيرة على الصفحة). لتجنب هذا، قم بإعادة تقياس الصورة مسبقًا باستخدام البرنامج.

الفرق بين HTML 4.01 و HTML5

في HTML 4.01، يمكن تعريف الارتفاع كبكسل أو بنسبة مئوية للاعتماد على العنصر. في HTML5، يجب أن يكون هذا القيمة كبكسل.

النحو

<img height="البكسل">

قيمة الخاصية

القيمة	الوصف
البكسل	الارتفاع المحدد بالبكسل (مثل height="50").

　HTML <img> العلامة

HTML: <template> العلامة