Hướng dẫn the iframe trong html5
Trong hướng dẫn này, bạn sẽ học cách sử dụng iframe để hiển thị một trang web trong một trang web khác. iframe là gì?iframe được sử dụng để hiển thị các đối tượng bên ngoài bao gồm các trang web khác trong một trang web. iframe hoạt động giống như một trình duyệt web nhỏ trong trình duyệt web. Ngoài ra, nội dung bên trong iframe tồn tại hoàn toàn độc lập với các phần tử xung quanh. Cú pháp cơ bản để thêm iframe vào một trang web như sau:
URL được chỉ định trong thuộc tính Ví dụ sau hiển thị file "hello.html" bên trong iframe trong tài liệu hiện tại.
Đặt chiều rộng và chiều cao của iframeCác thuộc tính
Bạn cũng có thể sử dụng CSS để đặt chiều rộng và chiều cao của iframe, như được hiển thị ở đây:
Vui lòng xem hướng dẫn về style CSS trong HTML để tìm hiểu các phương pháp áp dụng CSS cho các phần tử HTML. Lưu ý: Giá trị các thuộc tính Loại bỏ frameborder mặc địnhiframe có đường viền xung quanh theo mặc định. Tuy nhiên, nếu bạn muốn sửa đổi hoặc loại bỏ các đường viền iframe, cách tốt nhất là sử dụng thuộc tính
Ví dụ sau sẽ chỉ hiển thị iframe mà không có bất kỳ đường viền nào.
Tương tự, bạn có thể sử dụng thuộc tính
Sử dụng iframe làm target của liên kếtMột iframe cũng có thể được sử dụng làm target cho các liên kết. Một iframe có thể được đặt tên bằng cách sử dụng thuộc tính Hãy thử một ví dụ để hiểu về cơ bản nó hoạt động như thế nào:
Nếu Comdy hữu ích và giúp bạn tiết kiệm thời gianBạn có thể vui lòng tắt trình chặn quảng cáo ❤️ để hỗ trợ chúng tôi duy trì hoạt động của trang web. HTML • HTML5
Định nghĩa và sử dụng
Sự khác nhau giữa HTML4.01 và HTML5
Cấu trúcDòng text thông báo. Ví dụHtml viết:Trình duyệt của bạn không hỗ trợ iframe. Hiển thị trình duyệt:Trình duyệt hỗ trợThuộc tínhCách sử dụng: Thuộc tính tùy chọn
Thuộc tính Tổng quát và thuộc tính sự kiệnTất cả thuộc tính tổng quát và thuộc tính sự kiện được xác định trên phần lớn các thành phần HTML5 |