HTML <img> แอตทริบิวต์ความกว้าง
ตัวอย่าง
รูปภาพที่มีความสูง 600 พิกเซลและความกว้าง 500 พิกเซล:
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
แอตทริบิวต์width
ระบุความกว้างของภาพในหน่วยพิกเซล
เคล็ดลับ:ระบุทั้ง แอตทริบิวต์ height
และ
width
แอตทริบิวต์สำหรับรูปภาพเสมอ หากมีการตั้งค่าความสูงและความกว้าง พื้นที่ที่จำเป็นสำหรับรูปภาพจะถูกสงวนไว้เมื่อโหลดหน้า อย่างไรก็ตาม หากไม่มีคุณลักษณะเหล่านี้ เบราว์เซอร์จะไม่ทราบขนาดของรูปภาพ และไม่สามารถจองพื้นที่ที่เหมาะสมได้ ผลที่ได้คือเลย์เอาต์ของหน้าจะเปลี่ยนไประหว่างการโหลด (ในขณะที่โหลดรูปภาพ)
เคล็ดลับ:การลดขนาดรูปภาพขนาดใหญ่ด้วย แอตทริบิวต์
height
และwidth
บังคับให้ผู้ใช้ดาวน์โหลดรูปภาพขนาดใหญ่ (แม้ว่าจะดูเล็กบนหน้าก็ตาม) เพื่อหลีกเลี่ยงปัญหานี้ ให้ปรับขนาดรูปภาพใหม่ด้วยโปรแกรมก่อนที่จะใช้งานบนเพจ
รองรับเบราว์เซอร์
Attribute | |||||
---|---|---|---|---|---|
width | Yes | Yes | Yes | Yes | Yes |
ไวยากรณ์
<img width="pixels">
ค่าแอตทริบิวต์
Value | Description |
---|---|
pixels | The width in pixels (e.g. width="100") |
❮ แท็ก HTML <img>