Thực đơn
trang chủMicrosoft

Các nút bộ khung Html để mở. Khái niệm khung trong HTML

Bố trí khung dọc
Cách tạo một cột khung từ ba tài liệu khác nhau.

Bố trí khung theo chiều ngang
Cách tạo một hàng khung từ ba tài liệu khác nhau.

(Bạn sẽ tìm thấy nhiều ví dụ hơn ở cuối trang này).

Khung HTML

Với khung, bạn có thể hiển thị nhiều tài liệu HTML 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 độc lập với các khung khác.

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

  • Khung có thể không còn được hỗ trợ trong tương lai. Phiên bản HTML
  • Khung rất khó sử dụng. (Rất khó để in toàn bộ trang).
  • Một nhà phát triển web cần phải để mắt tới rất nhiều số lượng HTML các tài liệu.

Phần tử bộ khung HTML

Phần tử bộ khung chứa một hoặc nhiều phần tử khung. Mỗi phần tử khung có thể chứa một tài liệu riêng biệt.

Phần tử bộ khung chỉ định BAO NHIÊU cột hoặc hàng sẽ có trong bộ khung và BAO NHIÊU phần trăm/pixel không gian mà mỗi khung hình sẽ chiếm.

Phần tử khung HTML

Nhãn xác định một cửa sổ (khung) duy nhất trong một bộ khung.

Trong ví dụ bên dưới, chúng ta có một bộ khung có hai cột.

Cột đầu tiên chiếm 25% chiều rộng cửa sổ trình duyệt. Cột thứ hai chiếm 75% chiều rộng cửa sổ trình duyệt. Tài liệu "frame_a.htm" được đặt ở cột đầu tiên và tài liệu "frame_b.htm" được đặt ở cột thứ hai:

Bình luận: Kích thước của một cột trong bộ khung cũng có thể được chỉ định bằng pixel (cols="200.500") và một trong các cột có thể sử dụng khoảng trống còn lại bằng cách chỉ định dấu hoa thị thay vì chiều rộng (cols="25%,*") .

Khuyên bảo: Nếu khung có đường viền hiển thị, người dùng có thể thay đổi kích thước khung bằng cách kéo đường viền. Để ngăn khung bị thay đổi kích thước theo cách này, bạn có thể thêm noresize="noresize" vào thẻ .

Bình luận: Thêm một đánh dấu dành cho các trình duyệt không hỗ trợ khung.</p> <p><b>Quan trọng:</b> Bạn không thể sử dụng thẻ <body></body> cùng với thẻ <frameset></frameset>! Tuy nhiên, nếu bạn thêm thẻ <noframes>chứa một số văn bản cho các trình duyệt không hỗ trợ khung, bạn đưa văn bản đó vào thẻ <body></body>! Hãy xem cách thực hiện điều này trong ví dụ đầu tiên bên dưới.</p> <table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td align="left" width="48"> </td> <td align="left" valign="middle"><h3>Thêm ví dụ</h3> </td> </tr></table><p>Sử dụng thẻ <noframes> <br>Cách sử dụng thẻ <noframes>(đối với các trình duyệt không hỗ trợ khung).</p> <p>Bộ khung lồng nhau <br>Cách tạo các bộ khung lồng nhau.</p> <p>Một tập hợp các khung có thuộc tính noresize="noresize" <br>Cách sử dụng thuộc tính noresize. Di chuyển chuột đến đường viền giữa các khung và đảm bảo bạn không thể kéo nó.</p> <p>Khung điều hướng <br>Cách tạo khung điều hướng. Khung này chứa danh sách các liên kết với khung thứ hai là đích đến nơi các liên kết đó sẽ được mở. Tệp "tryhtml_contents.htm" chứa ba liên kết. <a href="https://viws.ru/vi/ishodnyi-kod-klavishi-kak-otkryt-ishodnyi-kod-stranicy.html">Nguồn</a> liên kết: <br> <a href ="https://viws.ru/vi/frame_a.htm" target ="showframe">Đóng khung một</a><br><br> <a href ="https://viws.ru/vi/frame_b.htm" target ="showframe">Khung b</a><br><br> <a href ="https://viws.ru/vi/frame_c.htm" target ="showframe">Khung c</a><br>Khung thứ hai hiển thị tài liệu được liên kết.</p> <p>Chuyển đến một phần cụ thể trong khung <br>Hai khung hình. Một trong các khung có liên kết đến một phần cụ thể trong tệp. Phần này được đánh dấu là <a name="C10">trong tập tin "link.htm".</p> <p>Một cửa sổ trình duyệt có thể được chia thành các phần gọi là khung, đôi khi là khung; Bạn cũng có thể gọi chúng là ngưỡng cửa. Trong mỗi phần như vậy của cửa sổ trình duyệt, tức là. frame, một tài liệu HTML riêng biệt có thể được tải. Hãy xem ví dụ về cửa sổ trình duyệt có ba khung.</p> <p>Trong trường hợp này, để rõ ràng, mỗi khung hình được tải bằng <a href="https://viws.ru/vi/shablon-dlya-skachivaniya-prostye-html-shablony-tesselatte---besplatnyi-otzyvchivyi-shablon.html">HTML đơn giản</a> một tài liệu cung cấp số khung và tên của tệp lưu trữ nội dung của nó. Nếu một tài liệu thực được tải vào khung nhưng không khớp hoàn toàn với khung đó thì khung (chú ý, không phải toàn bộ cửa sổ!) Sẽ có chiều dọc và/hoặc <a href="https://viws.ru/vi/mercayushchie-chernye-polosy-v-igrah-gorizontalnye-polosy-na-monitore.html">Sọc ngang</a> cuộn tùy thuộc vào việc nội dung của tài liệu có vừa với chiều ngang và/hoặc chiều dọc hay không. <br>Ví dụ: thiết kế và cấu trúc trang web của bạn sao cho có các thành phần giống nhau được lặp lại trên mỗi trang của trang web: tiêu đề, <a href="https://viws.ru/vi/navigacionnoe-menyu-vkontakte-kak-sozdat-menyu-dlya-gruppy.html">Chức năng điều hướng</a>, địa chỉ ở cuối trang hoặc một số thành phần tương tự khác. Chỉ có nội dung của các phần thay đổi. Sau đó, các trang có thể được chia thành các phần để những phần không thể thay đổi được đặt trong các khung riêng biệt và một khung khác có thể được phân bổ để nội dung của phần mong muốn được tải vào đó sau khi nhấp vào liên kết tương ứng, chẳng hạn như từ menu . <br>Điều này giúp tiết kiệm tốc độ tải vì các phần giống hệt nhau của các trang trên trang web không được tải lại mà chỉ hiển thị mọi lúc trong các khung được phân bổ cho chúng.</p> <h2>Tạo phần tử cấu trúc khung FRAMESET</h2> <p>Cấu trúc phân tích cửa sổ được lưu trữ trong <a href="https://viws.ru/vi/primenenie-stilei-v-html-vklyuchenie-css-v-html-kod-podklyuchenie-otdelnogo-css-faila.html">HTML riêng biệt</a> tài liệu, nó được gọi là tài liệu được đóng khung. Cấu trúc khung được hình thành bằng phần tử FRAMESET đặc biệt. Một tài liệu thông thường có một phần HEAD và một phần BODY, trong khi trong tài liệu có khung, phần BODY được thay thế bằng mô tả cấu trúc của khung, tức là. phần FRAMESET. <br>Phần tử NOFRAME có thể được thêm vào phần FRAMESET với nội dung thay thế để hiển thị trong các trình duyệt không hỗ trợ khung hoặc trong các trình duyệt không hỗ trợ khung. Những trình duyệt như vậy đơn giản là sẽ không hiểu cấu trúc FRAMESET và NOFRAME nhưng sẽ hiển thị văn bản được đặt bên trong chúng.</p> <HТМL> <HEAD> <span> <TITLE>Tài liệu đơn giản có khung</ТIТLЕ> </span> </HEAD> <FRAМESET > <span>...mô tả cấu trúc khung...</span> <NOFRAМES> <span>Nội dung thay thế cho các trình duyệt không hỗ trợ khung</span> </NOFRAМES> </FRAМESET> </HТМL> <p>Lưu ý rằng phần BODY bị thiếu hoàn toàn trong tài liệu và phần tử NOFRAMES được chứa trong phần FRAMESET. <br>Bản thân cấu trúc khung được hình thành bằng cách chia cửa sổ trình duyệt thành các phần - hàng và cột; Ở một mức độ nào đó, điều này dường như không tạo ra bảng. Để làm điều này, phần tử FRAMESET có các thuộc tính cols và row, tương ứng chỉ định việc phân chia thành các cột và hàng. <br>Đơn vị đo lường trong đó kích thước khung hình có thể được đặt, như thường lệ, là pixel và tỷ lệ phần trăm. Ngoài ra còn có cơ hội đặt kích thước theo đơn vị đo lường mới đối với chúng tôi, đơn vị đo này có thể được gọi đại khái là “một phần” của cửa sổ. Giá trị của thuộc tính cols và row được chỉ định bằng cách liệt kê kích thước của các vùng tương ứng, phân tách bằng dấu phẩy. Có thể kết hợp <a href="https://viws.ru/vi/bilain-perevod-deneg-na-drugoi-nomer-raznye-sposoby-kak.html">những cách khác</a> nhiệm vụ. Hãy xem xét một vài ví dụ, dựa trên giả định rằng kích thước cửa sổ trình duyệt là 800x600 pixel.</p> <FRAМESET rows= "50%, 50%"> </FRAМESET> <p>Mã này sẽ chia cửa sổ theo chiều ngang thành hai khung (hàng) có chiều cao bằng nhau. Nếu bạn đặt thuộc tính cols="50%, 50%", bạn sẽ nhận được hai cột có chiều rộng bằng nhau.</p> <span><FRAМESET cols= "120, 400. *"> </span> <span>. . . tiếp tục xác định cấu trúc khung. . .</span> </FRAМESET> <p>Với mã này, chúng ta nhận được ba cột khung: cột bên trái rộng 120 pixel, cột giữa rộng 400 pixel và cột thứ ba chứa mọi thứ còn lại từ hai cột đầu tiên trong thuộc tính, giá trị này được biểu thị bằng: biểu tượng dấu hoa thị “*”.</p> <FRAМESET cols= "1*, 4*"> <span>. . . tiếp tục xác định cấu trúc khung. . .</span> </FRAМESET> <p>Mã này sẽ tạo hai cột khung. Chiều rộng của cái đầu tiên được lấy là một (cái này được ký hiệu là 1 * hoặc đơn giản là *), chiều rộng của cái thứ hai lớn hơn bốn lần. Do đó, chiều rộng của cái đầu tiên sẽ là 20% và chiều rộng của cái thứ hai sẽ là 80% tổng chiều rộng của cửa sổ trình duyệt.</p> <span><FRAМESET cols= "100, 40%, *"> </span> <span>. . . tiếp tục xác định cấu trúc khung...</span> </FRAМESET> <p>Biện pháp trên kết hợp cả ba phương pháp xác định kích thước. Chiều rộng của cột đầu tiên sẽ là 100 pixel, cột thứ hai sẽ được phân bổ 40% chiều rộng còn lại (800 - 100 = 700) và cột thứ ba sẽ là tất cả những gì không bị chiếm bởi cột thứ nhất và thứ hai. <br>Phần FRAMESET có thể chứa các phần FRAMESET lồng nhau, cho phép bạn tạo cấu trúc khung khá phức tạp. Giả sử chúng ta cần chia cửa sổ thành 4 khung như sau:</p> <p><img src='https://i0.wp.com/samsebewebmaster.ru/wp-content/uploads/2016/06/Fr-1.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Đầu tiên bạn cần sắp xếp 2 cột như thế này:</p> cols= "100, *" <p>Sau đó chia cột thứ hai thành ba dòng như sau:</p> hàng="80, *, 30" <p>Một khung riêng biệt, hay đúng hơn là mô tả của nó, được chỉ định bởi phần tử FRAME và các thuộc tính của nó: sẽ nói thêm về nó sau. Hãy quay lại các phần tử FRAMESET lồng nhau. Hãy xem một số mã ví dụ tạo cấu trúc khung như thế này:</p> <FRAМESET cols= "100, * "> <span> <FRAМE name= "framel" src= "framel.html"> </span> <span> <FRAМESET rows= "80, *, 30"> </span> <span> <FRAМE name= "frame2" src= "frame2.html"> </span> <span> <FRAМE name= "frame3" src= "frame3.html"> </span> <span> <FRAМE name= "frame4" src= "frame4.html"> </span> </FRAМESET> </FRAМESET> <p>Có vẻ như chúng ta đã tìm ra cách chia cửa sổ thành các khung. Khi tạo khung, bạn có thể đảm bảo rằng đường viền giữa các khung không hiển thị. Như bạn có thể đã đoán, việc này được thực hiện bằng thuộc tính border; giá trị của nó phải bằng 0. Nhưng thực tế là đối với các khung, thuộc tính này không được trình duyệt nhận biết <a href="https://viws.ru/vi/kak-ochistit-vremennye-faily-internet-explorer-kak-pochistit-internet.html">trình duyệt web IE</a>, nhưng được trình duyệt Netscape Navigator hỗ trợ. Đối với Internet Explorer, đường viền giữa các khung được chỉ định bởi thuộc tính frameborder, thuộc tính này không được trình duyệt Netscape Navigator hỗ trợ. Hóa ra cần phải hỏi <a href="https://viws.ru/vi/kak-naiti-odinakovye-znacheniya-v-stolbce-excel-poisk-i-udalenie-dublikatov-v-microsoft.html">cùng giá trị</a> cho cả hai thuộc tính, sao cho cả hai trình duyệt đều nhận biết mã HTML giống nhau và độ dày của đường viền giữa các khung là như nhau. <br>Độ dày của đường viền hay nói cách khác là khoảng cách giữa các khung cũng có thể được điều chỉnh bằng cách sử dụng thuộc tính không gian khung, giá trị của nó được chỉ định bằng pixel. Tất cả các thuộc tính của phần tử FRAMESET được hiển thị trong bảng.</p> <h2>Thuộc tính phần tử <FRAMESEТ></h2> <table cellspacing="1" cellpadding="15"><tbody><tr><td bgcolor="#E7E7E7" width="20%"> <h3>Thuộc tính</h3> </td> <td bgcolor="#E7E7E7" width="60%"> <h3>Sự miêu tả</h3> </td> <td bgcolor="#E7E7E7" width="20%"> <h3>Ví dụ</h3> </td> </tr></tbody></table><table cellspacing="1" cellpadding="15"><tbody><tr><td bgcolor="#E7E7E7" width="20%">hàng</td> <td bgcolor="#E7E7E7" width="60%">Xác định số lượng và kích thước của khung ngang (khung dòng) trong cửa sổ trình duyệt. Giá trị là danh sách kích thước khung được phân tách bằng dấu phẩy. Các phương pháp thiết lập kích thước: <p>a) tính theo phần trăm chiều cao <a href="https://viws.ru/vi/skachat-joomla-3-7-russkaya-versiya-obnovlenie-russifikacii-joomla-russian-language.html">khu vực làm việc</a> cửa sổ trình duyệt chẳng hạn: "30%, 30%, 40%";</p> <p>b) ở dạng dấu “*” (dấu hoa thị), biểu thị rằng khung chiếm toàn bộ không gian trống của cửa sổ trình duyệt mà không bị chiếm bởi các khung khác có nội dung rõ ràng <a href="https://viws.ru/vi/gde-na-diskah-ukazan-razmer-shinnyi-kalkulyator-shtampovannye-ili.html">kích thước quy định</a> ví dụ: dấu hoa thị trong mục "25%, 25%, *" tương đương với 50%;</p> <p>c) tính bằng pixel, ví dụ: "75, *" .</p> <p>Tất cả ba phương pháp có thể được kết hợp.</p> </td> <td bgcolor="#E7E7E7" width="20%">row= "25%, 25%, *"</td> </tr><tr><td bgcolor="#E7E7E7" width="20%">cols</td> <td bgcolor="#E7E7E7" width="60%">Xác định số lượng và kích thước của khung dọc (khung cột) trong cửa sổ trình duyệt. Là một giá trị <br>một danh sách kích thước khung được phân tách bằng dấu phẩy được chỉ định. Kích thước được thiết lập tương tự như trong <a href="https://viws.ru/vi/pereproshivka-routera-tp-link-sohranenie-predydushchih-parametrov.html">tham số trước đó</a> HÀNG.</td> <td bgcolor="#E7E7E7" width="20%">cols= "265, *"</td> </tr><tr><td bgcolor="#E7E7E7" width="20%">ranh giới</td> <td bgcolor="#E7E7E7" width="60%">Chỉ định chiều rộng của đường viền khung bằng pixel. <a href="https://viws.ru/vi/kak-otklyuchit-priem-mms-na-androide-ne-poluchaetsya-otpravit-mms.html">Thông số này</a> Chỉ hoạt động trong trình duyệt Netscape.</td> <td bgcolor="#E7E7E7" width="20%">Biên giới="0"</td> </tr><tr><td bgcolor="#E7E7E7" width="20%">khung viền</td> <td bgcolor="#E7E7E7" width="60%">Tham số này chỉ hợp lệ trong trình duyệt Internet Explorer và xác định sự hiện diện của khung cho các khung có trong phần tử FRAMESET. Các giá trị có thể có: Có khung hiển thị; Không hoặc 0 không hiển thị khung.</td> <td bgcolor="#E7E7E7" width="20%">Khung viền="0"</td> </tr><tr><td bgcolor="#E7E7E7" width="20%">khoảng cách khung hình</td> <td bgcolor="#E7E7E7" width="60%">Xác định khoảng cách (còn gọi là "vùng xám") giữa các khung hình tính bằng pixel. Tùy chọn này cũng được yêu cầu để tạo khung không viền.</td> <td bgcolor="#E7E7E7" width="20%">không gian khung = "0"</td> </tr></tbody></table><p>Bây giờ chúng ta hãy quay lại phần tử FRAME, phần tử này mô tả một khung duy nhất trong toàn bộ cấu trúc. Tham số bắt buộc cho nó là thuộc tính src, chỉ định URL HTML của tài liệu hoặc hình ảnh sẽ được hiển thị trong khung này. Sẽ tốt hơn nếu đặt tên cho khung bằng cách sử dụng <a href="https://viws.ru/vi/osnovy-html-rabota-so-ssylkami-teg-a-i-ego-atributy-rel-target.html">thuộc tính tên</a>. Điều này sẽ cho phép bạn sử dụng <a href="https://viws.ru/vi/kak-izmenit-dannye-vkontakte-kak-smenit-imya-v-kontakte.html">Tên</a> như một giá trị <a href="https://viws.ru/vi/giperssylka-chto-eto-takoe-kak-sdelat-ssylku-i-vstavit-v-html-kod-href-target.html">thuộc tính mục tiêu</a> phần tử A và kiểm soát khung nào mà liên kết sẽ tải vào. Tên khung không thể bắt đầu bằng số; chỉ cho phép các chữ cái trong bảng chữ cái Latinh (az, AZ) làm ký tự đầu tiên.</p> <p>Khi cấu trúc khung không xác định đường viền giữa các khung, nội dung của chúng có thể quá sát nhau, trông sẽ không đẹp lắm. Nếu bạn muốn mở rộng nội dung của các khung mà vẫn không hiển thị ranh giới giữa chúng, thì điều này có thể được thực hiện bằng cách đặt thụt lề bên trong các khung. Kích thước của các khoảng thụt lề này được đặt theo pixel và theo cặp: đối với các khoảng thụt lề ở trên cùng và dưới cùng với thuộc tính chiều cao lề, <br>và thụt lề ở bên phải và bên trái bằng thuộc tính độ rộng lề. Khi đó khoảng cách giữa nội dung của các khung liền kề sẽ bằng tổng các khoảng thụt lề tương ứng của các khung này.</p> <p>Việc đường viền có được hiển thị xung quanh một khung cụ thể hay không được xác định bởi thuộc tính frameborder của nó. Giá trị có (hoặc 1) biểu thị rằng cần có đường viền, giá trị không (hoặc 0) biểu thị rằng không nên có đường viền. <br>Người dùng có thể thay đổi kích thước các khung được tạo <a href="https://viws.ru/vi/dokument-html-predstavlyaet-soboi-obshchaya-struktura-html-dokumenta.html">tài liệu HTML</a>. Để thực hiện việc này, chỉ cần di chuyển con trỏ chuột đến đường viền của khung (không quan trọng những đường viền này có hiển thị hay không) và sử dụng tiêu chuẩn <a href="https://viws.ru/vi/issledovanie-vozmozhnostei-operacionnoi-sistemy-linux-na.html">hệ điều hành</a> cách thay đổi kích thước cửa sổ. <br>TRONG <a href="https://viws.ru/vi/kak-sdelat-svoi-kursor-dlya-windows-7-izmenenie-razmera-kursora-myshi-i.html">con trỏ Windows</a> nút chuột sẽ xuất hiện dưới dạng mũi tên màu đen hai đầu. nhấp chuột <a href="https://viws.ru/vi/chto-delat-esli-slomalas-levaya-knopka-myshi-levaya-knopka-myshi-ne-rabotaet-ili.html">nút trái</a> chuột, bạn có thể di chuyển đường viền cửa sổ. Tương tự, bạn có thể thay đổi kích thước của khung vì khung cũng là một cửa sổ. Nếu bạn đã tính toán kích thước khung hình của mình và không muốn người dùng thay đổi chúng, hãy đặt thuộc tính noresize. Kết quả là, việc thay đổi kích thước sẽ bị cấm. <br>Như chúng tôi đã nói trước đó, thanh cuộn xuất hiện trên một khung nếu nội dung của nó không hoàn toàn vừa với các ranh giới được chỉ định. Sự hiện diện của thanh cuộn được kiểm soát bởi thuộc tính cuộn. Ba giá trị được phép là có, không và tự động. <br>Giá trị tự động khớp <a href="https://viws.ru/vi/ekran-smerti-chto-delat-chto-delat-pri-poyavlenii-sinego-ekrana-ili.html">tự động xuất hiện</a> thanh cuộn trong trường hợp thực sự cần thiết. Nếu nội dung đã hiển thị thì không có thanh cuộn; nếu một phần nội dung không vừa, thanh cuộn được yêu cầu sẽ xuất hiện. <br>Giá trị có sẽ bật cả hai thanh cuộn dù chúng có cần thiết hay không. Đôi khi nó có thể trông không đẹp lắm. <br>Giá trị no ngăn cản việc hiển thị thanh cuộn. Hãy cẩn thận với giá trị này vì việc chỉ định nó có thể ngăn người dùng nhìn thấy toàn bộ nội dung của khung khi nó không vừa hoàn toàn trong khung. Tất cả các thuộc tính của phần tử FRAME được hiển thị trong bảng.</p> <h2>Thuộc tính phần tử <FRAME></h2> <table cellspacing="1" cellpadding="15"><tbody><tr><td bgcolor="#E7E7E7" width="20%"> <h3>Thuộc tính</h3> </td> <td bgcolor="#E7E7E7" width="60%"> <h3>Sự miêu tả</h3> </td> <td bgcolor="#E7E7E7" width="20%"> <h3>Ví dụ</h3> </td> </tr></tbody></table><table cellspacing="1" cellpadding="15"><tbody><tr><td bgcolor="#E7E7E7" width="20%">src</td> <td bgcolor="#E7E7E7" width="60%">Tham số bắt buộc. Chỉ định địa chỉ HTL (URL) <br>tập tin hiển thị trong khung này</td> <td bgcolor="#E7E7E7" width="20%">src="frame2.html"</td> </tr><tr><td bgcolor="#E7E7E7" width="20%">tên</td> <td bgcolor="#E7E7E7" width="60%">Xác định tên của khung này, sau này sẽ được sử dụng để tham chiếu đến nó từ các tài liệu khác bằng thuộc tính đích (xem phần tử A). Giá trị phải là bất kỳ tên nào không có khoảng trắng, sử dụng các ký tự và số Latinh <br>(ký tự đầu tiên chỉ có thể là các chữ cái trong bảng chữ cái Latin: a-z, A-Z). Tên không được bắt đầu bằng số và <a href="https://viws.ru/vi/prikolnye-statusy-iz-simvolov-specialnye-simvoly-dlya-nika-zv-zdochki.html">ký tự đặc biệt</a>. <a href="https://viws.ru/vi/vklyuchenie-i-nastroika-dns-servera-pochemu-poyavlyayutsya-slozhnosti-s-dns-server-i-s.html">Tên dành riêng</a> khung bắt đầu bằng dấu gạch dưới.</td> <td bgcolor="#E7E7E7" width="20%">tên="menu1"</td> </tr><tr><td bgcolor="#E7E7E7" width="20%">Chiều rộng lề</td> <td bgcolor="#E7E7E7" width="60%">Chỉ định chiều rộng (tính bằng pixel) của lề trái và phải của khung. Nếu tham số không được chỉ định, trình duyệt sẽ tự động xác định <a href="https://viws.ru/vi/optimalnyi-razmer-faila-podkachki-windows-7-nastroika-virtualnoi-pamyati.html">kích thước tối ưu</a> thụt đầu dòng.</td> <td bgcolor="#E7E7E7" width="20%">chiều rộng lề = "0"</td> </tr><tr><td bgcolor="#E7E7E7" width="20%">chiều cao lề</td> <td bgcolor="#E7E7E7" width="60%">Chỉ định chiều rộng (tính bằng pixel) của lề trên và dưới của khung. Nếu tham số không được chỉ định, trình duyệt sẽ tự động xác định kích thước thụt lề tối ưu.</td> <td bgcolor="#E7E7E7" width="20%">chiều cao lề = "0"</td> </tr><tr><td bgcolor="#E7E7E7" width="20%">cuộn</td> <td bgcolor="#E7E7E7" width="60%">Xác định xem nội dung khung có thanh cuộn hay không. Những giá trị khả thi: <br>có — hiển thị thanh cuộn; <br>không—không hiển thị thanh cuộn; <br>tự động - hiển thị thanh cuộn nếu cần thiết (nếu tài liệu được chỉ định trong tham số SRC không vừa với khung)</td> <td bgcolor="#E7E7E7" width="20%">cuộn = "tự động"</td> </tr><tr><td bgcolor="#E7E7E7" width="20%">kích thước vừa phải</td> <td bgcolor="#E7E7E7" width="60%">Không cho phép thay đổi kích thước khung hình. Tham số này là cờ và không yêu cầu giá trị.</td> <td bgcolor="#E7E7E7" width="20%">kích thước vừa phải</td> </tr><tr><td bgcolor="#E7E7E7" width="20%">khung viền</td> <td bgcolor="#E7E7E7" width="60%">Xác định xem một khung có viền hay không. Những giá trị khả thi: <br>có hoặc 1 — khung hiển thị; <br>không hoặc 0—không hiển thị khung.</td> <td bgcolor="#E7E7E7" width="20%">khung viền = "0"</td> </tr></tbody></table> <p>Đôi khi, bạn có thể gặp sự cố với trình xem web trong chỉ số Quản trị trang web Yandex. Bạn muốn xem bản ghi lại lượt truy cập trang web của mình, nhưng <a href="https://viws.ru/vi/kak-razblokirovat-dostup-k-stranice-v-kontakte-kak-razblokirovat-kontakt.html">không rõ lý do</a> bạn không thể. Rất có thể, lệnh cấm hiển thị trang trong khung đã được đặt ra.</p><h2>Phải làm gì nếu trình xem web không hoạt động thông qua Yandex.Metrica</h2><p>Trước tiên, bạn cần kiểm tra xem trình xem web của bạn có được bật trong chỉ số hay không (trong cài đặt bộ đếm). Chúng tôi đi đến trang web nơi cài đặt bộ đếm số liệu. Chúng tôi đi xem mã trang bằng cách nhấp vào (ctrl+u), sử dụng kết hợp ctrl+f, chúng tôi bắt đầu tìm kiếm đoạn mã được yêu cầu, cụ thể là webwizor:true. Nếu sai ở cuối đoạn thì mã sẽ không hoạt động chính xác. Lệnh cấm hiển thị trang trong khung (trình xem web) đã được xác nhận.</p><p>Nếu trình xem web vẫn không tái tạo hành động của người dùng trong chỉ số thì có một số tùy chọn cho vấn đề:</p><ol><li>Chặn từ trình duyệt máy khách.</li><li>Chặn bởi máy chủ nơi trang web của bạn cư trú.</li> </ol><p>Hãy xem xét cả hai lựa chọn để giải quyết vấn đề. Tùy chọn đầu tiên: trình xem web không hoạt động do client bị trình duyệt chặn, đồng nghĩa với việc bị cấm hiển thị trang trong khung.</p><h2>Chặn từ trình duyệt máy khách</h2><p>Bạn cần đảm bảo rằng bạn có quyền truy cập vào bất kỳ địa chỉ nào. Nếu được chọn trong cài đặt, tính năng chặn sẽ được bật. Quyền truy cập vào tài nguyên có thể bị chặn bởi phần mềm chống vi-rút (kiểm tra cài đặt của nó), tường lửa của hệ thống của bạn hoặc ở cấp mạng con. Để khắc phục sự cố, chỉ cần thêm chúng vào danh sách các trang web đáng tin cậy của bạn và sự cố sẽ biến mất.</p><p>Nếu vấn đề với việc đặt lệnh cấm hiển thị trang trong khung vẫn còn, thì hãy tiếp tục <a href="https://viws.ru/vi/ochistka-kesha-i-apparatnaya-perezagruzka-v-yandeks-bystrotu-yandeks-brauzera.html">trình duyệt sạch</a>- đây có thể là chế độ “Ẩn danh” hoặc trình duyệt đã tải xuống không có plugin, tiện ích bổ sung, tiện ích mở rộng (trong trường hợp là Google Chrome). Cách tiếp cận này khắc phục vấn đề 99 trên 100 lần.</p><h2>Chặn phía máy chủ</h2><p>Tùy chọn thứ hai: lệnh cấm hiển thị các trang trong khung được đặt. Vấn đề này khó giải quyết hơn một chút so với trường hợp đầu tiên.</p><ol><li>Mở phần "Webvisor" trong "Yandex. Metrica", nhấn f12 (sau khi nhấp vào, công cụ dành cho nhà phát triển sẽ mở).</li><li>Tab "Console", tải lại trang (F5).</li><li>Trong danh sách lỗi sẽ có dòng gạch chân màu đỏ, vấn đề sẽ được ghi vào đó.</li> </ol><p>Nếu trang web của bạn bị chặn hiển thị trong khung, thì trong “Bảng điều khiển”, bạn sẽ thấy dòng sau: X-Frame-Options: SAMERIORIGN</p><p><img src='https://i1.wp.com/fb.ru/misc/i/gallery/45814/1574878.jpg' width="100%" loading=lazy loading=lazy></p><p>TRONG <a href="https://viws.ru/vi/ne-pokazyvaet-vremya-poslednego-poseshcheniya-vkontakte-kak-skryt.html">Gần đây</a> Công việc đang được tiến hành tích cực để giải quyết vấn đề này, nhưng cho đến nay hầu hết các trình duyệt đều không hỗ trợ giải pháp này. Nếu bạn loại bỏ sự cấm đoán này, điều đó có nghĩa là bạn đang có ý thức tạo ra sự cấm đoán của riêng mình. <a href="https://viws.ru/vi/nedostatki-sredstv-zashchity-ot-hakerskih-atak-sposoby-obhoda-mezhsetevyh.html">tin tặc tấn công</a> hoặc chỉ hack.</p><p>Hãy đưa ra một ví dụ: Công ty "1-C-Bitrix" nói: "Bạn <a href="https://viws.ru/vi/kak-prochitat-chuzhuyu-perepisku-telegramm-telegramm-bezopasnost.html">an toàn là quan trọng hơn</a> trang web hoặc bạn không thể thấy hành động của người dùng trên trang web của mình?” Để đảm bảo rằng đây là lý do khiến trình xem web không hoạt động và bạn không thể biết người dùng đang làm gì trên trang web, bạn cần kiểm tra máy chủ. đáp ứng yêu cầu trong bất kỳ <a href="https://viws.ru/vi/kak-zashchitit-dannye-v-oblake-ot-krazhi-chto-vam-izvestno-o.html">dịch vụ nổi tiếng</a>. Nhập địa chỉ của trang đã cài đặt trình xem web và nhận kết quả như trong ảnh chụp màn hình.</p><p><img src='https://i2.wp.com/fb.ru/misc/i/gallery/45814/1574879.jpg' width="100%" loading=lazy loading=lazy></p><p>Có lệnh cấm hiển thị trang trong khung; ảnh chụp màn hình cho thấy điều này.</p><p>Bạn đã quyết định dỡ bỏ lệnh cấm? Nếu nó ở cấp cấu hình máy chủ và bạn đã cài đặt trang web đó, hãy liên hệ với bộ phận hỗ trợ kỹ thuật.</p><p>Nếu lệnh cấm ở cấp độ kịch bản, <a href="https://viws.ru/vi/izvestnye-cms-primery-shablonov-wordpress-woocommerce-skorost-raboty.html">cm khác nhau</a>đưa ra yêu cầu tới thư viện bảo mật của họ, như vậy vấn đề sẽ khó giải quyết hơn bạn nghĩ. Không thể mở trang trong khung? Liên hệ với nhà phát triển CMS của bạn.</p><p>Như bạn có thể thấy, nếu có lệnh cấm hiển thị một trang trong khung, bạn thậm chí có thể tự mình giải quyết vấn đề.</p> <p>Chúc mọi người một ngày tốt lành! Andrey Bernatsky ở bên bạn.</p> <p>Trước khi chuyển trực tiếp sang bài viết, tôi muốn cung cấp cho bạn một liên kết đến phiên bản video của chủ đề này:</p> <p>Trong tập này chúng ta sẽ nói về <b>khung trong HTML</b>. <b>Khung</b> về bản chất chúng rất giống với các bảng, nhưng không giống như các bảng, mỗi khung là độc lập và mỗi khung có thể có một trang web riêng với địa chỉ riêng.</p> <p><img src='https://i2.wp.com/webformyself.com/wp-content/uploads/2009/06/frame1.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Trong hình chúng ta thấy một cấu trúc trang web khá phổ biến. Nó có thể được trình bày dưới dạng bảng hoặc tất cả điều này có thể được thực hiện bằng cách sử dụng khung. Ở khung trên cùng, bạn có thể tải một trang có logo và menu, ở bên trái - một trang có điều hướng trang web, ở khung trung tâm sẽ có một trang có nội dung chính của trang web, ở khung bên phải, chúng ta sẽ tải một trang với <a href="https://viws.ru/vi/kak-ubrat-reklamnyi-banner-s-kompyutera-variant-resheniya-problemy-dlya.html">biểu ngữ quảng cáo</a> và ở dưới cùng - trang có <a href="https://viws.ru/vi/kak-boryutsya-s-internet-piratstvom-v-rossii-i-mire-borba-s.html">thông tin liên lạc</a>. Tóm lại đây là những khung hình nào.</p> <p>Bây giờ hãy xem làm thế nào tất cả điều này có thể được thực hiện.</p> <p>Điểm đặc biệt của tài liệu chứa khung là nó không chứa thùng chứa <b>THÂN HÌNH</b>. Một thùng chứa được sử dụng thay thế <b>BỘ KHUNG HÌNH</b>. Cú pháp chung cho các khung như sau:</p> <p>XHTML</p> <p><html> <head>…</head> <frameset>….</frameset> </html></p> <table class="crayon-table"><tr class="crayon-row"><td class="crayon-nums " data-settings="show"> </td> <td class="crayon-code"><p><html> </p><p><head> … </head> </p><p><frameset> …. </frameset> </p><p></html> </p> </td> </tr></table><p>Trong một thùng chứa <b><frameset>….</frameset> </b> thẻ được đặt <b><frame /> </b>, xác định nội dung của khung.</p> <p>Tại thẻ <b><frameset> </b> có hai tham số:</p> <p><b>hàng = số</b>– số dòng (ngưỡng ngang).</p> <p><b>cols = số</b>– số cột (ngưỡng dọc).</p> <p>Nói chung, giá trị của các tham số row và cols không được chỉ định chính xác bằng số mà bằng cách liệt kê các số được phân tách bằng dấu phẩy. Càng có nhiều số thì sẽ có bao nhiêu hàng hoặc cột và các con số này quyết định kích thước của khung. Điều chính là tổng của những con số này là toàn bộ chiều rộng của màn hình.</p> <p>Hãy xem xét điều này bằng một ví dụ và mọi thứ sẽ rõ ràng. Bây giờ hãy tạo một tài liệu khung <a href="https://viws.ru/vi/po-principu-deistviya-razlichayut-sleduyushchie-tipy-printerov-kakie-vidy-printerov.html">loại sau</a>:</p> <p><img src='https://i2.wp.com/webformyself.com/wp-content/uploads/2009/06/frame2.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Mã sẽ xác định cấu trúc khung này cho chúng ta sẽ trông như thế này:</p> <p>XHTML</p> <p><frameset cols="30%,*,30%"> <frame src="../Урок 13/index.html" /> <frame src="http://www.mail.ru" /> <frame src="../Урок11/index.html" /> </frameset></p> <table class="crayon-table"><tr class="crayon-row"><td class="crayon-nums " data-settings="show"> </td> <td class="crayon-code"><p><frameset cols = "30%,*,30%" > </p><p><frame src = "../Урок 13/index.html" /> </p><p><frame src = "//www.mail.ru" /> </p><p><frame src = "../Урок11/index.html" /> </p><p></frameset> </p> </td> </tr></table><p>Dòng đầu tiên của mã ở trên mở vùng chứa bộ khung, tham số cols cho biết sẽ có ba khung lồng nhau. Cái đầu tiên sẽ có chiều rộng bằng 30% toàn bộ chiều rộng màn hình. Cái thứ ba cũng sẽ có 30% toàn bộ chiều rộng màn hình. Và khung thứ hai sẽ chiếm hết dung lượng còn lại. biểu tượng có <b>"*" </b>(dấu hoa thị) có nghĩa là chiếm hết không gian còn lại trên màn hình.</p> <p>Nhân tiện, chúng ta hãy xem cách có thể đặt khung trong tham số cols và row:</p> <p>Bạn có thể đặt kích thước bằng cách chỉ cần nhập một số. Con số này sẽ xác định kích thước của khung hình tính bằng pixel.</p> <p>Bạn có thể đặt chiều rộng theo tỷ lệ phần trăm. Hơn nữa, nếu tổng tỷ lệ phần trăm của tất cả các cột vượt quá 100% thì tất cả các khung sẽ giảm theo tỷ lệ, do đó <a href="https://viws.ru/vi/kak-v-eksele-poschitat-obshchuyu-summu-stolbca-kak-poschitat-v.html">tổng cộng</a>đã bằng 100%. Tình huống sẽ tương tự: nếu tổng tỷ lệ phần trăm của tất cả các cột nhỏ hơn 100% thì tất cả các khung sẽ tăng tỷ lệ thuận sao cho tổng số bằng 100%.</p> <p>Bạn có thể đặt kích thước khung bằng biểu tượng <b> “*” </b>(ngôi sao). Điều này có nghĩa là khung phải chiếm hết không gian còn lại. Nếu được chỉ định, ví dụ <b><frameset cols="20%,*,*"> </b>, tức là hai dấu sao thì toàn bộ không gian còn lại sẽ được chia đều cho hai khung này (trong <a href="https://viws.ru/vi/aifon-4-razblokirovat-kak-tolko-ekstrennyi-pokazyvaet-s-pomoshchyu.html">trong trường hợp này</a> mỗi khoản 40%).</p> <p>Bạn có thể kết hợp các tùy chọn để thiết lập kích thước khung hình trong HTML. Ví dụ:</p> <p>XHTML</p> <p><frameset cols="70,*,40%"></p> <table class="crayon-table"><tr class="crayon-row"><td class="crayon-nums " data-settings="show"> </td> <td class="crayon-code"><p><frameset cols = "70,*,40%" > </p> </td> </tr></table><p>Mã này có nghĩa là khung hình đầu tiên sẽ có kích thước 70 pixel, khung hình thứ ba sẽ có 40% chiều rộng màn hình và khung hình thứ hai sẽ chiếm không gian còn lại.</p> <p>Chúng tôi đã hoàn toàn tìm ra dòng mã đầu tiên. Hãy tiếp tục.</p> <p>Thẻ theo dõi <b><frame src="url" /> </b>. Vì được phân tách bằng dấu phẩy trong tham số <b>cols</b> nhãn <b>bộ khung</b> nếu cho trước ba số (tức là sẽ có ba khung), thì thẻ <b><frame /> </b> chắc cũng phải có ba. Giá trị của tham số src là địa chỉ <a href="https://viws.ru/vi/kakoe-rasshirenie-dolzhen-imet-fail-web-stranicy-chto-takoe-veb-stranica-veb.html">trang web</a>, sẽ được tải vào khung này. Địa chỉ, như có thể thấy trong ví dụ, có thể là tuyệt đối và tương đối.</p> <p>Và trong <a href="https://viws.ru/vi/download-and-install-yandex-string-latest-version-yandex.html">dòng cuối cùng</a> container đóng cửa <b></frameset> </b>.</p> <p>Nếu chúng ta thay thế tham số cols bằng các hàng trong dòng mã đầu tiên, chúng ta sẽ nhận được cùng một tài liệu khung gồm ba khung. Chỉ có sự phân chia thành các khung sẽ theo chiều dọc.</p> <p>XHTML</p> <p><frameset rows="30%,*,30%"> <frame src="../Урок 13/index.html" /> <frame src="../Урок 12/index.html" /> <frame src="../Урок 11/index.html" /> </frameset></p> <table class="crayon-table"><tr class="crayon-row"><td class="crayon-nums " data-settings="show"> </td> <td class="crayon-code"><p><frameset rows = "30%,*,30%" > </p><p><frame src = "../Урок 13/index.html" /> </p><p><frame src = "../Урок 12/index.html" /> </p><p><frame src = "../Урок 11/index.html" /> </p><p></frameset> </p> </td> </tr></table><p>Tùy chọn <b>hàng</b> Và <b>cols</b> không thể được sử dụng đồng thời. Điều này dẫn đến lỗi và hiển thị nội dung không chính xác.</p> <p>Bây giờ mọi người đều có một câu hỏi về cách tạo ra một cấu trúc như vậy, câu hỏi mà tôi đã nói ở đầu bài viết. Chúng ta sẽ quay lại vấn đề này sau, nhưng bây giờ chúng ta hãy chuyển sang những gì đang xảy ra trong trình duyệt của chúng ta.</p> <p>Trong trình duyệt, chúng tôi thấy ba trang, mỗi trang nằm trong khung riêng.</p> <p>Đồng thời, bằng cách di chuyển con trỏ chuột đến các viền của các khung, chúng ta có thể thay đổi kích thước của các thanh cuộn và đường viền giữa các khung. Điều này không phải lúc nào cũng cần thiết, trên thực tế nó không cần thiết chút nào. Và tất cả điều này có thể được kiểm soát nhờ các thông số thẻ <b>khung</b> Và <b>bộ khung</b>.</p> <p>Tùy chọn thẻ <b>khung</b> Và <b>bộ khung</b>:</p> <p><b>src="url"</b>- tham số bắt buộc. Chỉ định địa chỉ của trang sẽ được hiển thị bên trong khung. Chỉ được sử dụng cho khung.</p> <p><b>kích thước vừa phải</b>- hủy bỏ khả năng thay đổi kích thước. Chỉ được sử dụng cho <b>khung</b>.</p> <p><b>cuộn="có/không/tự động"</b>– xác định sự hiện diện của thanh cuộn. Giá trị có – cho biết sự hiện diện của thanh cuộn. Giá trị no xác định rằng sẽ không có thanh cuộn. Khi được đặt thành tự động, trình duyệt sẽ tự xác định xem có thanh cuộn hay không. Chỉ được sử dụng cho <b>khung</b>.</p> <p><b>name="tên khung"</b>– tên khung. Tham số này được sử dụng để tương tác giữa các khung. Chúng ta sẽ nói nhiều hơn về nó sau. Chỉ được sử dụng cho <b>khung</b>.</p> <p><b>đường viền=số</b>- độ dày của đường viền giữa các khung. Nếu nó nhận giá trị 0 thì đường viền giữa các khung sẽ không được hiển thị. Chỉ được sử dụng cho bộ khung.</p> <p><b>khoảng cách khung = "số"</b>– khoảng cách giữa các khung. Chỉ được sử dụng cho bộ khung.</p> <p>Sử dụng các tham số này, bạn có thể nhận được một trang trong đó đường viền giữa các khung không được hiển thị, không có cách nào để thay đổi kích thước của khung và việc cuộn bị cấm đối với hai khung cuối cùng. Mã cho một trang như vậy trông như thế này:</p> <p>XHTML</p> <p><frameset cols="30%,*,30%" border="0"> <frame src="../Урок 13/index.html" noresize="noresize” /> <frame src="../Урок 12/index.html" noresize="noresize" scrolling="no" /> <frame src="../Урок11/index.html" noresize="noresize" scrolling="no" /> </frameset></p> <table class="crayon-table"><tr class="crayon-row"><td class="crayon-nums " data-settings="show"> </td> <td class="crayon-code"><p><frameset cols = "30%,*,30%" border = "0" > </p><p><frame src = "../Урок 13/index.html" noresize = "noresize” /> </p><p><frame src=" . . / Урок12/ index. html" noresize=" noresize" scrolling=" no" /> </p><p><frame src=" . . / Урок11/ index. html" noresize=" noresize" scrolling=" no" /> </p><p></frameset> </p> </td> </tr></table><p>Có một vài lựa chọn khác, nhưng chúng không hoạt động rõ ràng, vì vậy tôi nghĩ sẽ hợp lý hơn nếu không đề cập đến chúng trong bản phát hành.</p> <p>Có lẽ đó là tất cả với các thông số. Chúng tôi đã xem xét một ví dụ về cách sử dụng chúng.</p> <p>Bây giờ hãy tạo cấu trúc khung mà tôi đã nói ở phần đầu của bản phát hành.</p> <p>Để làm điều này, chúng ta tạo một cấu trúc gồm ba khung được chia theo chiều dọc.</p> <p>XHTML</p> <p><frameset rows="100,*,70" border="0"></p> <p>Theo đó, thay vì thẻ <b><frame /> </b>, chúng ta phải chèn một thùng chứa khác <b><frameset> </b>..<b></frameset> </b> có ba cột và viết địa chỉ trang của bạn vào mỗi cột. Bạn thấy đấy, không có gì phức tạp, thay vào đó chúng ta chỉ cần sử dụng thẻ <b><frame /> </b> chèn vùng chứa mới mà chúng ta cần <b><frameset> </b>..<b></frameset> </b>.</p> <p>XHTML</p> <p><frameset cols="20%,*,20%"> <frame src="../урок 7/lesson7.html" /> <frame src="../урок3/Untitled-1.html" /> <frame src="../урок1/lesson1.html" /> </frameset></p> <table class="crayon-table"><tr class="crayon-row"><td class="crayon-nums " data-settings="show"> </td> <td class="crayon-code"><p><frameset cols = "20%,*,20%" > </p><p><frame src = "../урок 7/lesson7.html" /> </p><p><frame src = <span>"../lesson3/Untitled-1.html"</span> /> </p><p><frame src = "../урок1/lesson1.html" /> </p><p></frameset> </p> </td> </tr></table><p>Sau đó, chúng tôi chèn khung thứ ba với thông tin liên hệ và đóng vùng chứa chính <b></frameset> </b></p> <p>XHTML</p> <p><frame src="../Урок11/index.html" noresize="noresize" scrolling="no" /> </frameset></p> <table class="crayon-table"><tr class="crayon-row"><td class="crayon-nums " data-settings="show"> </td> <td class="crayon-code"><p><frame src = "../Урок11/index.html" noresize = "noresize" scrolling = "no" /> </p><p></frameset> </p> </td> </tr></table><p>Mã đầy đủ cho trang này ở bên dưới:</p> <p>XHTML</p> <p><frameset rows="100,*,70" border="0"> <frame src="../Урок 13/index.html" noresize="noresize" /> <frameset cols="20%,*,20%"> <frame src="../урок 7/lesson7.html" /> <frame src="../урок3/Untitled-1.html" /> <frame src="../урок1/lesson1.html" /> </frameset> <frame src="../Урок11/index.html" noresize="noresize" scrolling="no" /> </frameset></p> <table class="crayon-table"><tr class="crayon-row"><td class="crayon-nums " data-settings="show"> </td> <td class="crayon-code"><p><frameset rows = "100,*,70" border = "0" > </p><p><frame src = "../Урок 13/index.html" noresize = "noresize" /> </p><p><frameset cols = "20%,*,20%" > </p><p><frame src = "../урок 7/lesson7.html" /> </p><p><frame src = <span>"../lesson3/Untitled-1.html"</span> /> </p><p><frame src = "../урок1/lesson1.html" /> </p><p></frameset> </p><p><frame src = "../Урок11/index.html" noresize = "noresize" scrolling = "no" /> </p><p></frameset> </p> </td> </tr></table><p>Tất nhiên, tôi đã lấy địa chỉ cho các khung từ các số trước của bản tin và chúng tôi không thấy bất kỳ menu, logo, điều hướng, v.v. nào ở đây. Nhưng chúng tôi đã có được cấu trúc mà chúng tôi cần. Nhưng nếu bạn tạo ra thực sự <a href="https://viws.ru/vi/dlya-chego-nuzhna-funkciya-sohraneniya-veb-stranicy-getpocket-kak-sohranit-veb.html">trang bắt buộc</a>, thì bạn có thể có được một cấu trúc đẹp.</p> <p>Những gì chúng tôi nhận được cuối cùng. Việc này thuận tiện hay bất tiện là do bạn quyết định, nhưng với cấu trúc khung, tất cả các khung của chúng tôi luôn ở trên trang. Bất kể kích thước của nội dung, chúng ta sẽ luôn thấy logo và menu của trang web, phần dưới cùng của trang web có thông tin liên hệ, khối điều hướng và biểu ngữ. Nói chung, đây là bản chất và ý nghĩa của khung.</p> <p>Có khả năng tương tác giữa các khung. Bạn có thể làm điều đó bằng cách nhấp vào liên kết trong một khung, thông tin sẽ xuất hiện trong một khung khác. Bây giờ chúng ta sẽ xem điều này được thực hiện như thế nào.</p> <p>Hãy tạo một khung như thế này:</p> <p><img src='https://i2.wp.com/webformyself.com/wp-content/uploads/2009/06/frame3.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Các liên kết của chúng tôi sẽ nằm ở khung bên trái. Và bên phải là các trang mà các liên kết này dẫn đến.</p> <p>Hãy tạo một khung như thế này:</p> <p>XHTML</p> <p><frameset cols="100,*" border="0"> <frame src="ind2.html" noresize="noresize" /> <frame src="ind3.html" name="fram1" /> </frameset></p> <table class="crayon-table"><tr class="crayon-row"><td class="crayon-nums " data-settings="show"> </td> <td class="crayon-code"></td></tr></table> <p>Hãy bắt đầu với cấu trúc khung. Bản chất của nó là gì? Trong tài liệu mà chúng tôi tải vào trình duyệt, chúng tôi có cơ hội sắp xếp các khu vực kiểu cửa sổ đặc biệt. Những người khác có thể được tải vào các khu vực này. <a href="https://viws.ru/vi/kak-razdelit-pdf-fail-na-stranicy-onlain-izvlech-stranicy-iz-pdf.html">tài liệu cá nhân</a>(trang web).</p> <p>Tại sao điều này là cần thiết? Vì các tài liệu được tải vào các khu vực riêng biệt nên chúng hoạt động độc lập. Tức là bạn có thể thực hiện điều gì đó trong một tài liệu trong khi các tài liệu khác vẫn không thay đổi.</p> <p>Bạn có thể tìm thấy cấu trúc khung như vậy ở đâu? Đây là các tệp trợ giúp (có phần mở rộng .chm).</p> <p>Đây là một ví dụ đơn giản về tài liệu có khung:</p> <html> <head> <title>Khung mẫu</title> </head> <frameset cols = "25%, 75%" > <frame src = "menu.html" > <frame src = "content.html" > <noframes>Bạn đang xem trang này bằng trình duyệt không hỗ trợ khung.

Yếu tố bộ khung. Công việc của nó là bao phủ khu vực xem và chia thành các khu vực riêng biệt. Những thứ kia. hướng dẫn trình duyệt theo tỷ lệ nào và cách chúng tôi phân chia các khu vực này (theo chiều ngang hoặc chiều dọc).

Yếu tố khung– mô tả từng khu vực riêng lẻ như vậy. Thẻ đơn. Nó chiếm các kích thước được chỉ định trong bộ khung.

Yếu tố noframe- hiển thị nếu trình duyệt không hỗ trợ khung.

Lưu ý rằng không có phần tử cơ thể. Phần tử frameset được sử dụng thay thế. Đây là một trong những lý do khiến frame không còn được sử dụng trên các trang web nữa.

Thuộc tính phần tử Frameset

  • cols - phân chia theo chiều dọc của trang thành các khu vực xem.
  • hàng - phân chia trang theo chiều ngang thành các khu vực xem.

phần tử khung

Phần tử này mô tả một khu vực cửa sổ duy nhất. Bạn có thể tải bất kỳ tài liệu nào lên đó - sử dụng thuộc tính src. Ví dụ:

Thuộc tính cuộn- cuộn (tự động theo mặc định). Nếu tài liệu vượt quá vùng xem của khung này, quá trình cuộn sẽ xảy ra. Nếu tài liệu nằm hoàn toàn trong khung thì sẽ không có thao tác cuộn. Tính năng cuộn có thể bị tắt nhưng tốt hơn là để nó ở chế độ tự động.

Thuộc tính đơn kích thước vừa phải- cấm thay đổi kích thước khung hình trong trình duyệt. Theo mặc định điều này được cho phép.

Thuộc tính khung viền- từng khung hình. Giá trị '1' - vẽ, giá trị '0' - không vẽ. Chỉ có hai giá trị này là hợp lệ. Theo mặc định, khung được vẽ.

Thuộc tính Chiều rộng lề– cho biết khoảng cách mà nội dung trong một khung nhất định sẽ lùi lại theo chiều ngang so với các khung của khung này.

Thuộc tính chiều cao lề– thụt lề dọc từ nội dung đến viền khung.

Khung nội tuyến được nhúng

Yếu tố khung nội tuyến(“cửa sổ dòng”). Phần tử này được ghép nối (có thẻ mở và thẻ đóng). Phần tử này phục vụ cùng một mục đích - để sắp xếp phần tử cửa sổ trong tài liệu.

Nó khác với các khung hình cũ như thế nào? Nó có thể tự cung cấp và không cần thêm bất kỳ thùng chứa nào. Và nó có thể xuất hiện trong bất kỳ tài liệu nào, vì vậy ở đâu có phần tử nội dung.

Phần tử iframe là phần tử nội tuyến với nội dung được thay thế. Những thứ kia. một vùng thuộc loại đường với bất kỳ kích thước trừu tượng nào được hình thành và nội dung của một số tài liệu bên ngoài (tệp html) được tải vào vùng này.

Iframe có các thuộc tính giống như hình ảnh (vì chúng cùng loại): tên, chiều rộng, chiều cao, src, viền khung, cuộn, hspace, vspace, lề rộng, chiều cao lề.