Thẻ HTML <iframe>
Ví dụ
Một khung nội tuyến được đánh dấu như sau:
<iframe src="https://www.example.com.vn" title="Example.com.vn Free
Online Web Tutorials"></iframe>
Hãy tự mình thử »Thêm ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và cách sử dụng
Thẻ <iframe>
chỉ định khung nội tuyến.
Khung nội tuyến được sử dụng để nhúng tài liệu khác trong tài liệu HTML hiện tại.
Mẹo: Sử dụng CSS để tạo kiểu cho <iframe>
(xem ví dụ bên dưới).
Mẹo: Cách tốt nhất là luôn bao gồm thuộc tính tiêu đề cho <iframe>
. Điều này được trình đọc màn hình sử dụng để đọc nội dung của <iframe>
là gì.
Hỗ trợ trình duyệt
Element | |||||
---|---|---|---|---|---|
<iframe> | Yes | Yes | Yes | Yes | Yes |
Thuộc tính
Attribute | Value | Description |
---|---|---|
allow | Specifies a feature policy for the <iframe> | |
allowfullscreen | true false |
Set to true if the <iframe> can activate fullscreen mode by calling the requestFullscreen() method |
allowpaymentrequest | true false |
Set to true if a cross-origin <iframe> should be allowed to invoke the Payment Request API |
height | pixels | Specifies the height of an <iframe>. Default height is 150 pixels |
loading | eager lazy |
Specifies whether a browser should load an iframe immediately or to defer loading of iframes until some conditions are met |
name | text | Specifies the name of an <iframe> |
referrerpolicy | no-referrer no-referrer-when-downgrade origin origin-when-cross-origin same-origin strict-origin-when-cross-origin unsafe-url |
Specifies which referrer information to send when fetching the iframe |
sandbox | allow-forms allow-pointer-lock allow-popups allow-same-origin allow-scripts allow-top-navigation |
Enables an extra set of restrictions for the content in an <iframe> |
src | URL | Specifies the address of the document to embed in the <iframe> |
srcdoc | HTML_code | Specifies the HTML content of the page to show in the <iframe> |
width | pixels | Specifies the width of an <iframe>. Default width is 300 pixels |
Thuộc tính chung
Thẻ <iframe>
cũng hỗ trợ Thuộc tính chung trong HTML .
Thuộc tính sự kiện
Thẻ <iframe>
cũng hỗ trợ Thuộc tính sự kiện trong HTML .
Thêm ví dụ
Ví dụ
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>
Hãy tự mình thử »Trang liên quan
Hướng dẫn HTML: Iframe HTML
Tham chiếu DOM HTML: Đối tượng IFrame
Cài đặt CSS mặc định
Hầu hết các 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;
}