Thẻ <iframe> trong HTML

Thẻ `<iframe>` trong HTML

Tag <iframe> Định nghĩa một khung, bên trong có chứa một văn bản.
Một số trình duyệt không hỗ trợ <iframe>, khi đó chúng ta viết những đoạn text bên trong <iframe> và </iframe> để hiển thị nội dung thông báo cần thiết cho người xem biết.

Sự khác nhau giữa HTML4.01 và HTML5

HTML4.01	HTML5
-	● Trong HTML5 có một số thuộc tính mới, và một số thay đổi cách dùng trong thuộc tính.

<iframe src="" width="" height="">
<p>Dòng text thông báo.</p>
</iframe>

Ví dụ

<p>Trình duyệt của bạn không hỗ trợ iframe.</p>

</iframe>

Kết quả:

39image-25

<iframe> được hỗ trợ trong đa số các trình duyệt.

Cách sử dụng:

<iframe thuoctinh="giatri"></iframe>

Thuộc tính tùy chọn

Thuộc tính	Giá trị	Ví dụ	Mô tả
Thuộc tính mới(Mới)
sandbox	allow-forms allow-same-origin allow-scripts allow-top-navigation	sandbox="allow-forms"	Xác định giới hạn cho phép tới nội dung trong < iframe >.
seamless	seamless	seamless="seamless"	Chỉ định rằng < iframe > sẽ được tích hợp trong văn bản.
srcdoc	Mã HTML	< p >;mã html < p />	Xác định rõ mã HTML của văn bản hiển thị trong < iframe >.
Thuộc tính không hỗ trợ trong HTML5
align	left right top middle bottom	align="left"	Không hỗ trợ trong HTML5 Sử dụng thuộc tính text-align của css để thay thế.
frameborder	1 0	frameborder="1"	Không hỗ trợ trong HTML5.
longdesc	URL	longdesc="des.html"	Không hỗ trợ trong HTML5.
marginheight	pixels	marginheight="10px"	Không hỗ trợ trong HTML5.
marginwidth	pixels	marginwidth="10px"	Không hỗ trợ trong HTML5.
scrolling	yes no auto	scrolling="auto"	Không hỗ trợ trong HTML5.
Thuộc tính như HTML4.01
height	pixels %	height="10px"	Xác định chiều cao của < iframe >.
name	name	name="iframeName"	Xác định tên của < iframe >.
src	URL	src="iframe.html"	Xác định đường dẫn hiển thị bên trong < iframe >.
width	pixels %	width="100px"	Xác định chiều rộng của < iframe >.

Thuộc tính Tổng quát và thuộc tính sự kiện

Tất cả thuộc tính tổng quát và thuộc tính sự kiện được xác định trên phần lớn các thành phần HTML5