Frame (hay Frame) trong HTML được sử dụng để phân chia cửa sổ trình duyệt của bạn thành các khu vực khác nhau mà mỗi khu vực tải một tài liệu HTML riêng. Một tập hợp các Frame trong cửa sổ trình duyệt được biết đến như là một Frameset. Cửa sổ được chia vào các Frame theo cách tương tự như các bảng: bên trong các hàng và cột.
Có một số sự hạn chế trong sử dụng Frame, vì thế nó không được đề nghị sử dụng trong trang web của bạn:
Để sử dụng các Frame trên trang web, chúng ta sử dụng thẻ
Ví dụ ở dưới tạo ra 3 Frame ngang:
Ví dụ tao Frame trong HTML <body> Trình duyet cua ban khong ho tro Frame. </body>
Nó sẽ tạo ra kết quả sau:
Bạn theo dõi ví dụ trên, bây giờ chúng ta thay đổi thuộc tính rows bằng thuộc tính cols và thay đổi độ rộng của chúng. Nó sẽ tạo ra 3 Frame dọc như dưới.
Vi du Frame trong HTML <body> Trinh duyet cua ban khong ho tro Frame. </body>
Kết quả là:
Dưới đây là các thuộc tính quan trọng của thẻ
Theo giá trị tuyệt đối Pixels. Ví dụ để tạo ra 3 cột dọc, sử dụng cols="100, 500,100".
Phần trăm của cửa sổ trình duyệt. Ví dụ để tạo ra thiết lập 3 Frame dọc: cols="10%, 80%,10%".
Sử dụng biểu tượng gán giá trị (wildcard). Ví dụ để tạo 3 Frame dọc, bạn sử dụng cols="10%, *,10%". Trong trường hợp này thì wildcard sẽ chiếm phần còn lại.
Độ rộng quan hệ của cửa sổ trình duyệt. Ví dụ để tạo 3 Frame dọc, sử dụng cols="3*,2*,1*". Đây là cách thay thế cho việc sử dụng phần trăm. Ở trường hợp này, cửa sổ windows sẽ được chia thành 6 phần, cột đầu sẽ chiếm một nửa màn hình, cột thứ hai chiếm 1/3 và cột thứ ba chiếm 1/6.
Dưới đây là các thuộc tính của thẻ :
Nếu một người dùng đang sử dụng một trình duyệt cũ hoặc trình duyệt mà không hỗ trợ Frame thì khi đó phần tử sẽ được hiển thị tới người dùng.</p> <p>Vì thế bạn phải đặt một phần tử <body> bên trong phần tử <noframes> bởi vì phần tử <frameset> được hỗ trợ để đổi vị trí của phần tử <body>, nhưng nếu một trình duyệt không hiểu phần tử <frameset> thì nó sẽ hiểu những gì bên trong của phần tử <body> mà có chứa trong phần tử <noframes>.</p> <p>Bạn có thể đặt một vài thông báo lịch thiệp tới người dùng của bạn mà đang sử dụng các trình duyệt cũ. Ví dụ <i>Sorry!! Trinh duyet cua ban khong ho tro Frame.</i> như ví dụ trên.</p> <h2>Các thuộc tính name và target của Frame</h2> <p>Một trong các cách phổ biến về sử dụng các Frame là để đặt ví trí các thanh điều hướng trong một Frame và sau đó là tải các trang chính trong một Frame riêng biệt. </p> <p>Ví dụ về đoạn code:</p> <pre class="prettyprint notranslate tryit"> <!DOCTYPE html> <html> <head> <title>Vi du Target Frame trong HTML</title> </head> <frameset cols="200, *"> <frame src="../html/menu.htm" name="menu_page" /> <frame src="../html/main.htm" name="main_page" /> <noframes> <body> Trinh duyet cua ban khong ho tro Frame. </body>
Tại đây bạn có thể tạo 2 cột để chứa 2 Frame. Frame đầu tiên rộng 200 pixel và chứa thanh menu điều hướng được thực hiện bởi file menu.htm. Cột hai trong phần trống còn lại và chứa phần chính của trang và được thực hiện bởi tệp main.htm. Đối với ba link có trong thanh menu, chúng ta đã đề cập đến Frame mục tiêu như là main_page, vì thế bất cứ khi nào bạn nhấn chuột vào các link trên menu thì link có sẵn sẽ mở trong main_page.
Dưới đây là nội dung trong menu.htm:
Google Microsoft BBC News
Và nội dung trong main.htm:
This is main page and content from any link will be displayed here. So now click any link and see the result.
So now click any link and see the result.
Khi chúng ta tải tệp test.htm, nó hiển thị kết quả:
Bây giờ bạn có thể thử nhấn chuột vào các link có trong ô bên trái và xem kết quả. Thuộc tính target có thể nhận một trong các giá trị sau:
Bài học HTML phổ biến khác tại hoconline.club:
160 bài học ngữ pháp tiếng Anh hay nhất
155 bài học Java tiếng Việt hay nhất
100 bài học Android tiếng Việt hay nhất
247 bài học CSS tiếng Việt hay nhất
197 thẻ HTML cơ bản
297 bài học PHP
101 bài học C++ hay nhất
97 bài tập C++ có giải hay nhất
208 bài học Javascript có giải hay nhất
