Thẻ <iframe> (inline frame) dùng để nhúng một tài liệu HTML khác vào trang hiện tại. Đây là cách phổ biến để nhúng video YouTube, bản đồ Google Maps, trang thanh toán, v.v.
Các thuộc tính chính của <iframe>
| Thuộc tính | Mô tả |
|---|---|
| src | URL của tài liệu cần nhúng. |
| width | Chiều rộng (pixel hoặc %). |
| height | Chiều cao (pixel). |
| name | Tên iframe (dùng cho target của link/form). |
| allowfullscreen | Cho phép toàn màn hình (video). |
| loading | lazy / eager (tải lười / ngay lập tức). |
| sandbox | Giới hạn quyền (bảo mật). |
| referrerpolicy | Chính sách referrer. |
Ví dụ
<!DOCTYPE html>
<html>
<head>
<title>HTML iframe Tag</title>
</head>
<body>
<iframe src="https://www.example.com" width="100%" height="400"></iframe>
</body>
</html>
Lưu ý bảo mật & hiệu năng:
- Luôn dùng
sandboxkhi nhúng trang không tin cậy. - Dùng
loading="lazy"để trì hoãn tải iframe ngoài màn hình. - Tránh nhúng quá nhiều iframe (ảnh hưởng hiệu năng, SEO).
- X-Frame-Options header có thể chặn việc nhúng trang của bạn.