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

Các thuộc tính

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;
}