Thuộc tính height và width chỉ định chiều cao, chiều rộng của phần tử (đơn vị pixel). Áp dụng cho các phần tử sau:
| STT | Phần tử | height | width |
|---|---|---|---|
| 1 | <canvas> | ✓ | ✓ |
| 2 | <embed> | ✓ | ✓ |
| 3 | <iframe> | ✓ | ✓ |
| 4 | <img> | ✓ | ✓ |
| 5 | <input> (type=image) | ✓ | ✓ |
| 6 | <object> | ✓ | ✓ |
| 7 | <video> | ✓ | ✓ |
Với <img>, luôn nên chỉ định width/height để tránh layout shift (CLS) khi tải trang.
Ví dụ
<!DOCTYPE html>
<html>
<head>
<title>HTML height and width attribute</title>
</head>
<body>
<img src="https://www.tutorialspoint.com/green/images/logo.png" alt="Simply Easy Learning" width="200" height="70">
</body>
</html>
Mẹo: Đối với responsive design, dùng CSS max-width: 100%; height: auto; thay vì fix width/height trong HTML.