Cách nhúng khung nội tuyến (iframe) trong HTML?

Thẻ <iframe> (inline frame) nhúng trang HTML khác vào trang hiện tại. Dùng cho: video YouTube, bản đồ, widget, thanh toán, xác thực...

Thuộc tính chính

Thuộc tính	Giá trị	Mô tả
src	URL	Địa chỉ trang nhúng
width / height	px, %	Kích thước khung
name	text	Tên khung (dùng target của link/form)
sandbox	allow-forms, allow-scripts, allow-same-origin, allow-top-navigation...	Giới hạn quyền iframe (bảo mật)
allow	camera, microphone, geolocation, payment...	Feature Policy (Permissions Policy)
referrerpolicy	no-referrer, origin, strict-origin...	Referrer gửi kèm
loading	lazy, eager	Tải lười (lazy-load) iframe
frameborder	0, 1	Deprecated — dùng CSS border
scrolling	yes, no, auto	Deprecated — dùng CSS overflow

Ví dụ

<!DOCTYPE html>
<html>
  <head>
    <title>Thẻ iframe HTML</title>
  </head>
  <body>
    <iframe src="https://www.tutorialspoint.com/index.htm" width="100%" height="400" title="Tutorialspoint"></iframe>
  </body>
</html>

Bảo mật quan trọng

Luôn dùng sandbox cho iframe không tin cậy.
sandbox="allow-scripts allow-same-origin" cho phép JS nhưng giữ origin riêng.
Tránh allow-top-navigation trừ khi cần thiết.
Dùng X-Frame-Options / Content-Security-Policy: frame-ancestors để chặn site khác nhúng trang bạn.