Trong HTML, thẻ <iframe> (inline frame) được sử dụng để nhúng một tài liệu hoặc trang web khác vào trong trang hiện tại. Điều này cho phép bạn nhúng nội dung từ một trang web hoặc nguồn tài liệu khác mà không cần rời khỏi trang chính. Thẻ <iframe> thường được sử dụng để nhúng video, bản đồ, biểu mẫu, hoặc bất kỳ nội dung nào từ một nguồn bên ngoài.
Dưới đây là cú pháp cơ bản của thẻ <iframe>:
html
<iframe src="URL_nguồn" width="width" height="height" frameborder="0" allowfullscreen></iframe>
Trong đó:
src: Đây là thuộc tính quan trọng nhất, xác định URL của tài liệu hoặc trang web bạn muốn nhúng vào.width: Xác định chiều rộng của khung<iframe>.height: Xác định chiều cao của khung<iframe>.frameborder: Xác định viền xung quanh khung<iframe>. Đặt giá trị là0để loại bỏ viền.allowfullscreen: Cho phép chế độ toàn màn hình (đối với video và iframe có thể mở rộng).
Ví dụ, để nhúng một video YouTube, bạn có thể sử dụng mã sau:
html
<iframe src="https://www.youtube.com/embed/VIDEO_ID" width="560" height="315" frameborder="0" allowfullscreen></iframe>
Lưu ý rằng việc sử dụng <iframe> cần thận trọng, vì nó có thể tạo ra các vấn đề liên quan đến bảo mật, responsive design (thiết kế phản hồi), và tốc độ tải trang. Khi sử dụng <iframe>, hãy đảm bảo rằng bạn đang nhúng nội dung từ nguồn đáng tin cậy và nắm rõ các vấn đề liên quan đến bảo mật và quyền riêng tư. Trên đây là giới thiệu về Iframes trong HTML