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;
}
568
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
-
Khắc phục lỗi Google Chrome crash thường xuyên, Chrome tự động tắt
Hôm qua -
Cách tạo bảng trong Canva
Hôm qua -
4 cách ghim cửa sổ trên màn hình Windows
Hôm qua -
Tổng hợp các trang web lưu trữ dữ liệu trực tuyến miễn phí tốt nhất hiện nay
Hôm qua -
Những bài thơ tán gái theo tên, thơ làm quen bạn gái vừa duyên vừa mặn
Hôm qua 11 -
Lệnh cd trong Windows
Hôm qua -
Lực ma sát là gì? Có mấy loại lực ma sát?
Hôm qua 1 -
Cách khắc phục lỗi Apple CarPlay không hoạt động
Hôm qua -
Làm sao để tải phụ đề video trên Youtube nhanh chóng và đơn giản?
Hôm qua -
Chụp ảnh và soi gương cái nào sẽ cho bạn hình ảnh chính xác nhất?
Hôm qua