Một tài liệu nằm trong vùng nhìn của tài liệu khác
```html
<p>
<a href="doc_sach.html" target="khung">Đọc sách</a> |
<a href="ve_tranh.html" target="khung">Vẽ tranh</a>
</p>
<iframe src="doc_sach.html" name="khung" id="khung-noi-dung"
title="Giới thiệu nhóm" width="320" height="260"></iframe>
```
iframe tạo khung nội tuyến. src chọn tài liệu ban đầu; width và height đặt kích thước bằng pixel trong mẫu này. title đặt tên mô tả nội dung khung để hỗ trợ việc nhận biết.
Các liên kết nằm trước iframe nên hiện ở phía trên. Chọn Vẽ tranh sẽ mở ve_tranh.html trong khung; tiêu đề và bảng chọn của trang cha vẫn giữ trong thao tác này.
target khớp name, còn id định danh phần tử
Trong mã, iframe có `name="khung"`; liên kết có `target="khung"`. Hai giá trị khớp nhau giúp trình duyệt chọn đúng khung làm nơi mở tài liệu.
`id="khung-noi-dung"` định danh phần tử trong tài liệu, chẳng hạn để tham chiếu bằng #. id và name có vai trò khác nhau; chỉ đặt id không thay cho việc đặt name để liên kết mở đúng khung.
Nếu không tìm được khung mang tên target, trình duyệt có thể mở tài liệu ở ngữ cảnh khác, chẳng hạn cửa sổ hoặc thẻ mới. Kiểm name và target trước khi kết luận iframe không hoạt động.
Hai khung bằng nhau đặt cạnh nhau
```html
<iframe src="doc_sach.html" title="Nhóm Đọc sách"
width="160" height="200"></iframe>
<iframe src="ve_tranh.html" title="Nhóm Vẽ tranh"
width="160" height="200"></iframe>
```
Hai khung có cùng width và height. Để chúng cùng hàng, vùng chứa cần đủ chỗ cho cả hai chiều rộng, đường viền và khoảng trắng giữa chúng. Trong mẫu, mỗi khung rộng 160 pixel; trên màn hình hẹp hơn, khung có thể xuống dòng.
iframe cũng có thể nhúng nội dung từ nền tảng khác khi nền tảng cho phép. Với video trực tuyến, dùng mã nhúng do nền tảng cung cấp; không mặc định URL trang xem thông thường là URL nhúng. Nội dung hoặc máy chủ có thể chặn nhúng, và cần giữ các cơ chế bảo vệ của trình duyệt.
Bài luyện
Liên kết có target="khung". Thuộc tính nào trên iframe xác định đúng đích mở này?
id định danh phần tử, không thay tên ngữ cảnh cho target.
alt không đặt tên đích mở của iframe.
poster không dùng cho iframe.
Đúng. target tham chiếu tên của khung.
Lời giải
name đặt tên ngữ cảnh duyệt bên trong iframe. Khi target của a khớp name ấy, trình duyệt có thể mở tài liệu vào khung. id có vai trò định danh phần tử riêng.
Bài luyện
Trong mã mẫu, chọn Vẽ tranh đúng target thì kết quả mong đợi là gì?
Liên kết đang mở trang con trong khung.
Đúng. Thao tác nhắm tới khung mang name tương ứng.
Điều hướng khung không tự xóa mã các liên kết.
Không có bước chuyển định dạng video.
Lời giải
target="khung" chọn iframe có name="khung". Tài liệu bên trong đổi thành ve_tranh.html; trang cha vẫn chứa tiêu đề, bảng chọn và khung như trước.
Bài luyện
Hai iframe bằng nhau vẫn xuống hai dòng. Điều gì cần kiểm trước?
iframe có thể cùng hàng khi đủ chỗ trong cách bố trí này.
title không quyết định có đủ chiều rộng.
Đúng. Còn phải tính phần chiếm chỗ ngoài chiều rộng nội dung.
Đổi nội dung không tự giải quyết kích thước vùng chứa.
Lời giải
Trong bố trí mẫu, hai khung chỉ cùng hàng khi vùng chứa đủ chỗ. Cần tính cả chiều rộng khung, viền và khoảng cách; bằng kích thước không tự bảo đảm chúng vừa trên mọi màn hình.
Bài luyện
Một trang xem video trực tuyến mở được riêng nhưng bị từ chối khi nhúng. Cách xử lí phù hợp là gì?
Đúng. Mở riêng và cho phép nhúng là hai điều khác nhau.
Không cần và không nên tắt cơ chế bảo vệ để ép nhúng.
Đổi tùy ý không tạo URL nhúng hợp lệ.
Có nội dung và máy chủ không cho nhúng.
Lời giải
Trang bên ngoài có thể hạn chế việc hiển thị trong iframe. Cần dùng URL/mã nhúng phù hợp khi được phép; nếu vẫn không cho nhúng, cung cấp liên kết mở trang thay vì bỏ cơ chế bảo vệ.
Đang học