Ngọc Thanh - 75
- 22/02/2025
Ngọc Thanh 
Tìm hiểu Thẻ iFrame trong HTML, đó là một loại thẻ HTML dùng để nhúng các website khác hoặc trang web trên chính website của bạn, video từ youtube, bản đồ, chi tiết như nào hãy cùng chúng tôi phân tích:
Thẻ iFrame trong HTML
Thẻ <iframe> trong HTML là gì?
Thẻ <iframe> trong HTML là một loại thẻ HTML dùng để nhúng các website khác hoặc trang web trên chính website của bạn, video từ youtube, bản đồ, các file tài liệu từ website hoặc từ Google Drive,... để hiện lên một vùng nào đó nằm trên trang web của chính mình, cho phép người dùng xem được nội dung, tương tác với nội dung mà không cần phải rời khỏi trang web.
Thẻ <iframe> trong HTML nhúng được những loại nào
Nhúng trang web vào thẻ <iframe>
Bạn có thể nhúng một website khác hoặc có thể nhúng trang web nào đó trên website của chính bạn vào thẻ <iframe>.
<iframe src="https://webmoi.vn/" title="Web Mới" width="100%" height="400"></iframe>
Nhúng bản đồ vào thẻ <iframe>
Website thường nhúng bản đồ để cho khách hàng có thể trực tiếp xem địa chỉ của doanh nghiệp và xem chỉ đường.
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d15677.140993927555!2d106.5532803!3d10.7894511!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x6a811fb9c3bfd776!2zV2ViIE3hu5tpIC0gVGhp4bq_dCBL4bq_IFdlYnNpdGU!5e0!3m2!1svi!2s!4v1666675407094!5m2!1svi!2s" width="100%" height="400" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
Nhúng video trên youtube vào thẻ <iframe>
<iframe width="100%" height="400" src="https://www.youtube.com/embed/X9CGScVRGb0" frameborder="0" allowfullscreen></iframe>
Nhúng file từ Google Drive vào thẻ <iframe>
<iframe src="https://drive.google.com/file/d/1yfCLiP2jyxZsHMAJmlqmwpMszgGGTqw-/preview" width="100%" height="400" allow="autoplay"></iframe>
Các thuộc tính có trong thẻ <iframe>
src: Đường dẫn cần nhúng.
width: Chiều rộng của Iframe.
height: Chiều cao của iframe.
allowfullscreen: nếu đặt true thì cho phép click vào xem toàn màn hình, nếu false thì không cho phép.
Khi nào nên dùng Thẻ <iframe> trong HTML
Các trường hợp cần thiết hữu ích cho website thì nên dùng thẻ <iframe>, trường hợp nhúng các file hoặc đường dẫn URL từ một website khác mà website đó bị nhiểm virus thì sẽ ảnh hưởng xấu tới website của bạn, nên khi dùng cần phải kiểm tra kỹ lượng xem website kia có bị gì không.
Lời kết
Cảm ơn các bạn đã tham khảo bài viết Thẻ <iframe> trong HTML.
- 0 Bình luận
Email, Điện thoại của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *
