سمة ارتفاع <img> في HTML
مثال
صورة بارتفاع 600 بكسل وعرض 500 بكسل:
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
تحدد السمة height
ارتفاع الصورة بالبكسل.
نصيحة: حدد دائمًا كلاً من height
سمات width
الصور. إذا تم ضبط الارتفاع والعرض ، يتم حجز المساحة المطلوبة للصورة عند تحميل الصفحة. ومع ذلك ، بدون هذه السمات ، لا يعرف المتصفح حجم الصورة ، ولا يمكنه حجز المساحة المناسبة لها. سيكون التأثير هو أن تخطيط الصفحة سيتغير أثناء التحميل (أثناء تحميل الصور).
نصيحة: يؤدي تصغير حجم صورة كبيرة باستخدام السمات
height
و width
إلى إجبار المستخدم على تنزيل الصورة الكبيرة (حتى لو كانت تبدو صغيرة على الصفحة). لتجنب ذلك ، قم بإعادة قياس الصورة باستخدام أحد البرامج قبل استخدامها على الصفحة.
دعم المتصفح
Attribute | |||||
---|---|---|---|---|---|
height | Yes | Yes | Yes | Yes | Yes |
بناء الجملة
<img height="pixels">
قيم السمات
Value | Description |
---|---|
pixels | The height in pixels (e.g. height="100") |
❮ علامة HTML <img>