Nhúng trang web vào html

Thường thì chúng ta sẽ thấy một số website hiển thị thông tin của những website khác; có thể kể đến một vài ví dụ như: chèn bảng giá vàng, tiền, tiền điện tử vào web… Hôm nay chúng ta sẽ cùng tìm hiểu về thẻ nhúng trang web.

Mục lục

• 1 Thẻ iframe là gì?
• 2 Tại sao nên dùng thẻ ?
  • 2.1 Vấn đề bảo mật
  • 2.2 Lợi ích của thẻ iframe
• 3 Cách chèn thẻ iframe
  • 3.1 Cấu trúc thẻ
  • 3.2 Hiển thị
  • 3.3 Ý nghĩa
  • 3.4 Lưu ý
  • 3.5 Related

Thẻ iframe là gì?

iFrame viết tắt của Inline Frame – khung nội tuyến, là dạng thẻ tag của một HTML element giúp nhúng HTML, website realtime, Youtube… nôm na là các trang web khác vào website của mình. Thường chúng ta sẽ thấy những dạng như:

• Nhúng và hiện khung Youtube lên website của mình.
• Thêm bảng biến động giá vàng, tiền, cổ phiểu, tiền điện tử từ website khác vào web của mình.
• Chèn bảng dự báo thời tiết, chất lượng không khí theo thời gian thực vào web.
• Hiện thông tin các nội dung trên mạng xã hội như Facebook, Twitter lên web của mình…

Hiển thị

Sau khi dán nội dung code trên vào trên web: trang, bài viết của bạn thì nó sẽ hiển thị như bên dưới.

Ý nghĩa

Đây là đoạn code chèn website Gsviec vào trang web của bạn, bạn có thể thay đường dẫn bằng những link khác.

• src: Thuộc tính khai báo đường dẫn tới trang web hoặc file tài liệu, hình ảnh, video.
• width: Thuộc tính dùng để khai báo chiều rộng của iFrame [đơn vị là px hoặc %]
• height: Thuộc tính dùng để khai báo chiều cao của iFrame [đơn vị là px hoặc %]
• name: Thuộc tính này dùng để đặt tên cho frame. Nó hay được dùng khi muốn hiển thị 1 liên kết nào đó trong 1 frame có thuộc tính name
• frameborder: Thuộc tính dùng để thiết lập đường viền bao quanh frame. Thuộc tính này sẽ có 2 giá trị: chọn 0 nếu ẩn đường viền; hoặc 1 nếu muốn hiện đường viền. Không khai báo thuộc tính này thì mặc định là đường viền được hiển thị.

Lưu ý

• Một số trình duyệt không hỗ trợ , khi đó chúng ta viết những đoạn text bên trong và để hiển thị nội dung thông báo cần thiết cho người xem biết.
• Với website WordPress bạn có thể dùng plugin Advanced iFrame.

Đây là bài viết không mang nặng tính học thuật; Gsviec chú trọng đến việc nhanh giúp các bạn mới tìm hiểu nhanh chóng sử dụng được. Hi vọng qua bài viết này sẽ giúp các bạn mới có thể tạo một page, bài viết của web sẽ chuyên nghiệp hơn.