Thẻ HTML <iframe>
Định nghĩa và cách sử dụng thẻ HTML <iframe>
Thẻ <iframe>
chỉ định một inline frame. Một iframe được sử dụng để nhúng một tài liệu khác trong tài liệu HTML hiện tại.
Một iframe nội tuyến được đánh dấu như sau:
<iframe src="https://www.quantrimang.com" title="Quản Trị Mạng Kiến Thức Công Nghệ Khoa Học và Cuộc Sống"></iframe>
Mẹo:
- Sử dụng CSS để tạo kiểu cho
<iframe>
(xem ví dụ bên dưới). - Bạn nên luôn bao gồm thuộc tính tiêu đề cho
<iframe>
. Điều này được sử dụng bởi trình đọc màn hình để đọc nội dung của<iframe>
là gì.
Hỗ trợ trình duyệt
Phần tử <iframe> | Google Chrome | MS Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
Có | Có | Có | Có | Có |
Các thuộc tính
Thuộc tính | Giá trị | Mô tả |
---|---|---|
allow | Chỉ định chính sách tính năng cho <iframe> | |
allowfullscreen | true false | Đặt thành true nếu <iframe> có thể kích hoạt chế độ toàn màn hình bằng cách gọi phương thức requestFullscreen() |
allowpaymentrequest | true false | Đặt thành true nếu <iframe> có nguồn gốc chéo được phép gọi API yêu cầu thanh toán |
height | pixels | Chỉ định chiều cao của <iframe>. Chiều cao mặc định là 150 pixel |
loading | eager lazy | Chỉ định xem trình duyệt nên load iframe ngay lập tức hay trì hoãn load iframe cho đến khi một số điều kiện được đáp ứng |
name | text | Chỉ định tên của <iframe> |
referrerpolicy | no-referrer no-referrer-when-downgrade origin origin-when-cross-origin same-origin strict-origin-when-cross-origin unsafe-url | Chỉ định thông tin liên kết giới thiệu nào sẽ gửi khi tìm nạp iframe |
sandbox | allow-forms allow-pointer-lock allow-popups allow-same-origin allow-scripts allow-top-navigation | Kích hoạt một tập hợp các hạn chế bổ sung cho nội dung trong <iframe> |
src | URL | Chỉ định địa chỉ của tài liệu để nhúng vào <iframe> |
srcdoc | HTML_code | Chỉ định nội dung HTML của trang sẽ hiển thị trong <iframe> |
width | pixels | Chỉ định chiều rộng của <iframe>. Chiều rộng mặc định là 300 pixel |
Thuộc tính Global
Thẻ <iframe>
cũng hỗ trợ các thuộc tính Global trong HTML.
Thuộc tính sự kiện
Thẻ <iframe>
cũng hỗ trợ thuộc tính sự kiện trong HTML.
Các ví dụ khác
Thêm và xóa viền iframe (bằng CSS):
<iframe src="/default.asp" width="100%" height="300" style="border:1px solid black;">
</iframe>
<iframe src="/default.asp" width="100%" height="300" style="border:none;">
</iframe>
Cài đặt CSS mặc định
Hầu hết mọi trình duyệt sẽ hiển thị phần tử <iframe>
với các giá trị mặc định sau:
iframe:focus {
outline: none;
}
iframe[seamless] {
display: block;
}
555
Bạn nên đọc
Xác thực tài khoản!
Theo Nghị định 147/2024/ND-CP, bạn cần xác thực tài khoản trước khi sử dụng tính năng này. Chúng tôi sẽ gửi mã xác thực qua SMS hoặc Zalo tới số điện thoại mà bạn nhập dưới đây:
Số điện thoại chưa đúng định dạng!
0 Bình luận
Sắp xếp theo

Xóa Đăng nhập để Gửi

Cũ vẫn chất
-
Code Wuthering Waves mới nhất 16/05/2025 và hướng dẫn đổi code
Hôm qua -
Ki tự khoảng trắng, ký tự khoảng trống, kí tự trống
Hôm qua -
Các công thức đạo hàm và đạo hàm lượng giác đầy đủ nhất
Hôm qua -
Lên đồ Alune DTCL mùa 11, hướng dẫn chơi Alune TFT mùa 11
Hôm qua -
Kí tự chữ nhỏ, ký tự số nhỏ FF
Hôm qua -
Hình nền trắng, ảnh nền trắng đẹp
Hôm qua -
Lấy lại Windows Photo Viewer trên Windows 10 giúp xem ảnh nhanh hơn, Photos chậm quá!
Hôm qua 9 -
Cách chuyển đổi (convert) nhiều tài liệu Word sang Google Docs
Hôm qua -
Windows 11 sẽ kích hoạt mã hóa ổ đĩa BitLocker trên mọi PC
Hôm qua -
WinX DVD tặng 25 phần mềm miễn phí đón Giáng sinh 2022
Hôm qua