Iframe Generator
Tạo mã nhúng iframe HTML với kích thước tùy chỉnh và thuộc tính sandbox
Giới thiệu công cụ
Iframe Generator tạo mã nhúng HTML `<iframe>` sẵn sàng sử dụng. Cấu hình URL nguồn, kích thước, tiêu đề, hành vi cuộn, tải chậm (lazy loading), quyền toàn màn hình và thuộc tính sandbox — sau đó sao chép kết quả.
Tất cả các trường đều cập nhật mã được tạo theo thời gian thực. Không có dữ liệu nào được gửi đến máy chủ. Thuộc tính title là bắt buộc để đảm bảo khả năng truy cập: trình đọc màn hình sẽ đọc nó để mô tả nội dung được nhúng.
Cách sử dụng
- Nhập URL bạn muốn nhúng vào trường URL.
- Thiết lập chiều rộng, chiều cao, tiêu đề, viền, cuộn và các tùy chọn tải.
- Bật/tắt allowfullscreen và sandbox khi cần; nếu bật sandbox, hãy chọn các quyền cần cấp.
- Sao chép mã iframe được tạo ra và dán vào HTML của bạn.
Trường hợp sử dụng
Các nhà phát triển nhúng video YouTube hoặc Vimeo với kích thước pixel chính xác. Kỹ sư front-end nhúng bản đồ, widget hoặc công cụ bên thứ ba với bảo mật sandbox. Nhà thiết kế tạo các trang cổng thông tin bao gồm nội dung bên ngoài được nhúng trực tiếp.
Câu hỏi thường gặp
- Thuộc tính sandbox là gì? — sandbox hạn chế những gì trang được nhúng có thể làm (chạy script, gửi form, mở popup). Chỉ bật những quyền bạn thực sự cần để đảm bảo bảo mật.
- Tại sao thuộc tính title lại quan trọng? — Trình đọc màn hình sử dụng title để mô tả nội dung được nhúng cho người dùng khiếm thị. WCAG 2.1 yêu cầu mỗi iframe phải có một title có ý nghĩa.
- Mọi trang web đều cho phép được nhúng chứ? — Không. Các trang web có thể gửi header X-Frame-Options hoặc Content-Security-Policy để chặn việc nhúng. Bạn chỉ có thể nhúng các trang cho phép điều đó một cách rõ ràng.