Khung HTML

Bằng cách sử dụng khung, bạn có thể hiển thị nhiều trang hơn trong cùng một cửa sổ trình duyệt.

Ví dụ

Khung dọc
Ví dụ này演示 cách sử dụng ba tài liệu khác nhau để tạo một khung dọc.
Khung ngang
Ví dụ này演示 cách sử dụng ba tài liệu khác nhau để tạo một khung ngang.

（Bạn có thể tìm thấy nhiều ví dụ hơn ở cuối trang này）。

Khung

Bằng cách sử dụng khung, bạn có thể hiển thị nhiều trang hơn trong cùng một cửa sổ trình duyệt. Mỗi tài liệu HTML được gọi là một khung, và mỗi khung đều tách biệt với các khung khác.

Nhược điểm của việc sử dụng khung:

  • Nhà phát triển phải theo dõi đồng thời nhiều tài liệu HTML hơn
  • Rất khó in toàn bộ trang
Thẻ cấu trúc khung (thẻ <frameset>)
  • Thẻ cấu trúc khung (thẻ <frameset>) xác định cách chia cửa sổ thành các khung
  • Mỗi frameset xác định một loạt các hànghoặcCột
  • Giá trị của rows/columns quy định diện tích màn hình chiếm bởi mỗi hàng hoặc cột

Ghi chú của biên tập viên:Thẻ frameset cũng được một số bài viết và sách dịch là khung tập.

Thẻ khung (Frame)

Thẻ Frame xác định tài liệu HTML được đặt trong mỗi khung.

Trong ví dụ sau, chúng tôi đã thiết lập một khung tập hai cột. Cột đầu tiên được thiết lập để chiếm 25% của cửa sổ trình duyệt. Cột thứ hai được thiết lập để chiếm 75% của cửa sổ trình duyệt. Tài liệu HTML "frame_a.htm" được đặt trong cột đầu tiên, trong khi tài liệu HTML "frame_b.htm" được đặt trong cột thứ hai:

<frameset cols="25%,75%">
　　 <frame src="frame_a.htm">
　　 <frame src="frame_b.htm">
</frameset>

Lưu ý cơ bản - Các mẹo hữu ích:

Nếu một khung có viền nhìn thấy được, người dùng có thể kéo viền để thay đổi kích thước nó. Để tránh trường hợp này, bạn có thể thêm vào thẻ <frame>: noresize="noresize".

Thêm thẻ <noframes> cho trình duyệt không hỗ trợ khung.

Lưu ý quan trọng:Không thể sử dụng thẻ <body></body> và thẻ <frameset></frameset> cùng nhau! Tuy nhiên, nếu bạn thêm thẻ <noframes> chứa một đoạn văn bản, bạn phải đặt đoạn văn bản này trong thẻ <body></body> (có thể xem ví dụ đầu tiên để biết cách thực hiện.).

Các ví dụ khác

Cách sử dụng thẻ <noframes>
Ví dụ này minh họa cách sử dụng thẻ <noframes>.
Cấu trúc khung lai
Ví dụ này minh họa cách tạo cấu trúc khung chứa ba tài liệu, đồng thời đặt chúng xen kẽ theo hàng và cột.
Cấu trúc khung có thuộc tính noresize="noresize"
Ví dụ này minh họa thuộc tính noresize. Trong ví dụ này, khung không thể điều chỉnh kích thước. Khi kéo chuột trên đường viền giữa các khung, bạn sẽ thấy rằng đường viền không thể di chuyển.
Khung điều hướng
Ví dụ này minh họa cách tạo khung điều hướng. Khung điều hướng chứa danh sách liên kết điều hướng đến khung thứ hai. Tệp "contents.htm" này chứa ba liên kết.
Khung nội tuyến
Ví dụ này minh họa cách tạo khung nội tuyến (khung trong trang HTML).
Nhảy đến một phần được chỉ định trong khung
Ví dụ này minh họa hai khung. Một trong số đó đã thiết lập liên kết đến phần được chỉ định trong tệp khác. Tệp "link.htm" này chỉ định phần được标识 bằng <a name="C10">.
Sử dụng điều hướng khung để nhảy đến phần được chỉ định
Ví dụ này minh họa hai khung. Khung bên trái chứa danh sách liên kết điều hướng, các liên kết này sẽ là mục tiêu của khung thứ hai. Khung thứ hai hiển thị tài liệu được liên kết. Các liên kết trong khung điều hướng chỉ đến phần được chỉ định trong tệp mục tiêu.