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;
}
554
Bài trước
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
-
Điểm ưu tiên, điểm khuyến khích, khu vực ưu tiên khi xét tuyển năm 2022
Hôm qua -
Cách chặn từ khóa và Hashtag trên Twitter
Hôm qua -
Cách dùng Terabox lưu trữ với 1TB miễn phí
Hôm qua 5 -
PING là gì? Test PING như thế nào?
Hôm qua -
Các cách làm, tùy chỉnh trong bài sẽ giúp tăng tốc Windows 10 của bạn "nhanh như gió"
Hôm qua 6 -
4 cách kiểm tra lịch sử giao dịch BIDV trên điện thoại, máy tính
Hôm qua -
Cách ẩn, hiện ghi chú trong bảng trên Excel
Hôm qua -
Cách sao chép hoặc tạo bản sao toàn bộ trang tính trong Google Sheets
Hôm qua -
DRAM và DRAM-less SSD có gì khác nhau?
Hôm qua -
Dynamic System Updates là gì?
Hôm qua