Thẻ <iframe> HTML

  • Trang trước <i>
  • Trang tiếp theo <img>

Định nghĩa và cách sử dụng

<iframe> Thẻ <iframe> định nghĩa khung nội tuyến (iframe).

Thẻ iframe được sử dụng để chèn một tài liệu khác vào tài liệu HTML hiện tại.

Lưu ý:Vui lòng sử dụng CSS để thiết lập <iframe> của nó (xem ví dụ bên dưới).

Lưu ý:Tốt nhất nên luôn luôn <iframe> Chứa thuộc tính title. Trình đọc màn hình có thể sử dụng thuộc tính này để đọc về <iframe> Mô tả nội dung.

Xin xem thêm:

Giáo trình HTML:HTML Iframe

Tài liệu tham khảo HTML DOM:Đối tượng IFrame

Thực hành

Ví dụ 1

Thẻ iframe được định nghĩa như sau:

<iframe src="https://www.codew3c.com" title="CodeW3C.com 在线教程"></iframe>

Thử nghiệm trực tiếp

Ví dụ 2

Thêm và xóa bỏ viền của iframe (sử dụng CSS):

<iframe src="/index.asp" width="100%" height="300" style="border:1px solid black;">
</iframe>
<iframe src="/index.asp" width="100%" height="300" style="border:none;">
</iframe>

Thử nghiệm trực tiếp

Thuộc tính

Thuộc tính Giá trị Mô tả
allow Định nghĩa chiến lược chức năng của <iframe> .
allowfullscreen
  • true
  • false
 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() , hãy đặt là true.
allowpaymentrequest
  • true
  • false
 Nếu cho phép gọi API Yêu cầu thanh toán qua <iframe> giữa các nguồn khác nhau, hãy đặt là true.
height điểm ảnh Định nghĩa chiều cao của <iframe> . Độ cao mặc định là 150 điểm ảnh.
loading
  • eager
  • lazy
 Định nghĩa rằng trình duyệt có nên tải ngay lập tức iframe hay trì hoãn tải iframe cho đến khi đạt được một số điều kiện.
name Văn bản Định nghĩa 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
 Định nghĩa thông tin tham chiếu cần gửi khi lấy iframe .
sandbox
  • allow-forms
  • allow-pointer-lock
  • allow-popups
  • allow-same-origin
  • allow-scripts
  • allow-top-navigation
 Bật một loạt các hạn chế bổ sung đối với nội dung của <iframe> .
src URL Định nghĩa địa chỉ của tài liệu cần chèn vào <iframe> .
srcdoc Mã HTML Định nghĩa nội dung HTML của trang cần hiển thị trong <iframe> .
width điểm ảnh Định nghĩa chiều rộng của <iframe> . Độ rộng mặc định là 300 điểm ảnh.

属性 toàn cục

<iframe> Thẻ này cũng hỗ trợ Thuộc tính toàn cục trong HTML.

Thuộc tính sự kiện

<iframe> Thẻ này cũng hỗ trợ Thuộc tính sự kiện trong HTML.

Cài đặt CSS mặc định

Hầu hết các trình duyệt sẽ hiển thị giá trị mặc định sau đây <iframe> Thiết yếu:

iframe:focus {
  outline: none;
}
iframe[seamless] {
  display: block;
}

Hỗ trợ trình duyệt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ
  • Trang trước <i>
  • Trang tiếp theo <img>