btvn.vn
Tìm kiếm Đăng nhập

Khung nội tuyến và đích target

Lưu trên thiết bị này
Đa phương tiện và khung nội tuyến HTML · Chọn bài khác

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?
Chọn một đáp án

Bài luyện

Trong mã mẫu, chọn Vẽ tranh đúng target thì kết quả mong đợi là gì?
Chọn một đáp án

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?
Chọn một đáp án

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ì?
Chọn một đáp án

Đang học