Yếu tố
Khung
Nó làm gì ? </p> <p>Cách chèn một trang vào trang HTML</span>? Để làm điều này bạn cần sử dụng <iframe>, tạo khung nội tuyến trong tài liệu hiện tại hiển thị một tài liệu HTML khác.</p> <p>Trưng bày</p> <p>Khối hiển thị.</p> <p>Mã ví dụ</p> <p><span class="owsfdh4gxyc"></span></p> <h2>Mạnh mẽ nhưng dễ sử dụng</h2> <p>Quay lại thời xa xưa có rất nhiều thiết kế web <frame>các yếu tố làm hỏng cuộc sống của mọi nhà phát triển. Chúng hầu như luôn là một cách tiếp cận thiết kế tồi. May mắn thay, yếu tố <frame>đã không được dùng nữa trong HTML5. Nhưng <iframe>hoặc " <span>khung nội tuyến</span>» vẫn có sẵn. Nó sẽ không được dùng nữa trong phiên bản tiếp theo? Có lẽ chúng ta nên tránh nó? Có một số cách sử dụng hợp lệ của phần tử này khi tạo trang HTML. Nhưng bạn cần hiểu nó là gì và hoạt động như thế nào để tránh những sai sót.</p> <h3>Điểm tương đồng và khác biệt <iframe>Và <frame></h3> <p>Cả hai yếu tố này đều cho phép bạn tạo một tài liệu HTML riêng biệt. Liên kết tới nội dung của tài liệu được tham chiếu bởi trang web hiện tại được chỉ định trong thuộc tính src.</p> <p><!-Вы можете сделать так --> <iframe src="http://example.com"> <!DOCTYPE html> <html> <head> . . . </head> <body> . . . </body> </html>
Sự khác biệt chính giữa Và <frame>đó có phải là <iframe>đảm bảo tuân thủ quy tắc rằng tài liệu HTML là ưu tiên. Nội dung <iframe>xuất hiện bên trong một phần tử là một phần của tài liệu hiện tại. Ví dụ: hãy xem xét video nhúng này được lấy từ YouTube:</p> <p><span class="M2kSJbLbIgQ"></span></p> <p>Video rõ ràng nằm trên trang HTML chứ không phải ở một bảng điều khiển riêng biệt. phần tử đã phá vỡ mô hình này và cho phép tài liệu thực hiện quyền kiểm soát cửa sổ trình duyệt, chia nó thành nhiều bảng (khung) nhỏ, mỗi bảng hiển thị một tài liệu riêng biệt. Tất cả những khác biệt khác giữa và tiếp theo từ sự khác biệt cơ bản này.</p> <h3>Không làm lại bố cục dựa trên khung bằng iframe</h3> <p>Một ngày nào đó bạn có thể phải đối mặt với nhiệm vụ cập nhật một trang web cũ được xây dựng bằng khung. Bạn có thể muốn sử dụng <iframe>và chiều rộng bố cục cố định để tạo lại cơn ác mộng tương tự của các tấm và ngưỡng cửa độc lập. Nhưng bạn sẽ không thể sử dụng thuộc tính target để mở link trong khung riêng. Bạn có thể bắt đầu tìm kiếm các giải pháp JavaScript. Xin vui lòng, đừng làm điều đó.</p> <h3>Công dụng tốt (và khủng khiếp) <iframe></h3> <p>Có một số trường hợp sử dụng hợp lệ <iframe>để tạo một trang HTML:</p> <ul><li>nhúng nội dung phương tiện của bên thứ ba;</li> <li>nhúng nội dung đa phương tiện của riêng bạn thông qua tài liệu đa nền tảng;</li> <li>nhúng ví dụ về mã;</li> <li>nhúng các “applet” của bên thứ ba làm hình thức thanh toán.</li> </ul><p>Dưới đây là một số trường hợp sử dụng khủng khiếp: <iframe>:</p> <ul><li>Thư viện ảnh;</li> <li>diễn đàn hoặc trò chuyện.</li> </ul><p>Nếu bạn cần nhúng các tài liệu HTML độc lập, có sẵn vào tài liệu hiện tại, hãy sử dụng <iframe>. Nếu bạn đang xây dựng mọi thứ từ đầu, không có lý do gì để chia thiết kế trang thành nhiều tài liệu riêng biệt. Đặc biệt nếu chúng không thực sự là những phần nội dung độc lập.</p> <h3>thuộc tính iframe</h3> <table border="1"><tbody><tr><td><span>Tên thuộc tính</span> </td> <td>Nghĩa</td> <td>Sự miêu tả</td> </tr><tr><td>hộp cát</td> <td>Cho phép cùng nguồn gốc <br>Cho phép điều hướng trên cùng <br>Biểu mẫu cho phép <br>Tập lệnh cho phép</td> <td>Đặt một số hạn chế đối với nội dung được tải vào khung. Đặt trước <span>cách tạo một trang HTML.</span> </td> </tr><tr><td>cuộn</td> <td>vâng không tự động</td> <td>Xác định có hiển thị cuộn trong khung hay không. Không được dùng nữa trong HTML5. Thay vào đó hãy sử dụng CSS.</td> </tr><tr><td>Tên</td> <td>Tên</td> <td>Chỉ định tên của khung.</td> </tr><tr><td>Căn chỉnh</td> <td>trái phải trên cùng <br>đáy giữa</td> <td>Xác định sự liên kết của khung so với các phần tử xung quanh. Đã lỗi thời. Thay vào đó hãy sử dụng CSS.</td> </tr><tr><td>khung viền</td> <td>có (hoặc 1) <br>KHÔNG</td> <td>Được sử dụng để cho phép hiển thị đường viền xung quanh khung. Không được dùng nữa trong HTML5. Thay vào đó hãy sử dụng CSS.</td> </tr><tr><td>longdesc</td> <td>URL</td> <td>Được sử dụng để chỉ định URL của trang chứa mô tả dài về nội dung của khung. Đã lỗi thời. Thay vào đó hãy sử dụng CSS.</td> </tr><tr><td>độ rộng lề</td> <td>pixel</td> <td>Được sử dụng để kiểm soát độ rộng của phần đệm từ nội dung đến viền khung. Đã lỗi thời. Thay vào đó hãy sử dụng CSS.</td> </tr><tr><td>src</td> <td>URL</td> <td>Chỉ định URL tài liệu sẽ hiển thị trong IFRAME.</td> </tr><tr><td>vspace</td> <td>pixel</td> <td>Đặt lề dọc từ khung đến nội dung xung quanh. Đã lỗi thời. Thay vào đó hãy sử dụng CSS.</td> </tr><tr><td>chiều rộng</td> <td>pixel %</td> <td>Xác định độ rộng của khung trên trang HTML.</td> </tr></tbody></table><p>Ấn phẩm này là bản dịch của bài viết “ <iframe>", được chuẩn bị bởi nhóm dự án thân thiện</p> <p>Xin chào! Có một số lượng lớn các chương trình liên kết trên Internet cho phép bạn kiếm tiền trên trang web của mình.</p> <p>Trong bài đăng hôm nay, chúng ta sẽ xem xét các chương trình liên kết mua lưu lượng truy cập từ quản trị viên web, đồng thời tìm hiểu thái độ của các công cụ tìm kiếm đối với loại thu nhập này. <br><br>Để không bị bỏ rơi, tôi đã đưa hai trang web của mình vào một hệ thống như vậy và quyết định xem việc mua lưu lượng truy cập sẽ ảnh hưởng như thế nào đến vị trí các dự án của tôi trên mạng. Nhưng điều đầu tiên trước tiên hãy đọc bài viết một cách cẩn thận và đến cuối.</p> <p>Bố cục của bài viết sẽ như sau:</p> <p><i>1. Mua lại lưu lượng truy cập là gì?</i><br><i>2. Du khách mua hàng bằng cách nào;</i><br><i>3. Tại sao phương pháp kiếm tiền này lại nguy hiểm cho một website hoặc blog?</i><br><i>4. Kinh nghiệm của tôi với hệ thống Trafficbiz.</i></p> <p><img src='https://i2.wp.com/seoslim.ru/wp-content/uploads/2012/03/sistema-vykupa-trafika.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p><b>Đầu tiên. Mua lại lưu lượng truy cập là gì?</b></p> <p>Một cách để tăng lưu lượng truy cập trang web bằng tiền là mua số lượng khách truy cập cần thiết từ các trang web khác.</p> <p>Ví dụ: tôi cần tăng lưu lượng truy cập vào trang này để sau này chuyển nó thành nguồn lợi nhuận khác hoặc có thể ai đó chỉ cần tăng lượt truy cập.</p> <p>Để làm điều này, chúng tôi đến các sàn giao dịch mua chúng từ các trang web khác và trả một số tiền nhất định cho mỗi khách truy cập (1000 người xấp xỉ bằng 3 đô la).</p> <p>Mỗi sàn giao dịch chuyên về một loại lưu lượng cụ thể (di động, lưu lượng RU, nước ngoài), giá cả cũng khác nhau.</p> <p>Có rất nhiều dịch vụ như vậy trực tuyến, vì vậy bạn sẽ có nhiều lựa chọn, nhưng tôi khuyên bạn nên sử dụng phương pháp này như là phương sách cuối cùng; tốt hơn là bạn nên tăng lưu lượng truy cập một cách tự nhiên và bài viết “” sẽ giúp bạn điều đó. cái này.</p> <p><img src='https://i0.wp.com/seoslim.ru/wp-content/uploads/2012/03/trafik.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>- đây là khi một dịch vụ chuyển hướng khách truy cập từ một trang web (bán lưu lượng truy cập) đến một trang web khác (mua), đồng thời tính phí cung cấp các dịch vụ đó.</p> <p><b>Thứ hai. Họ mua khách bằng những cách nào?</b></p> <p>Có nhiều cách để mua lưu lượng truy cập từ một trang web. Bắt đầu với các biểu ngữ bật lên và kết thúc bằng việc cài đặt tập lệnh iframe:</p> <p>- PopUnder; <br>— Nhấp vào Dưới; <br>— Khung nội tuyến;</p> <p>PopUnder. Một “biểu ngữ nổi” được đặt trên trang web (“nổi” có nghĩa là biểu ngữ này sẽ luôn ở trong tầm nhìn của khách truy cập. Nếu bạn cuộn trang bằng chuột, biểu ngữ sẽ “nổi” theo sau bạn).</p> <p>Những biểu ngữ như vậy thường nằm ở góc trên bên phải. Khi người truy cập muốn đóng và click vào dấu “đóng”, lúc đó trang web của nhà quảng cáo sẽ tải.</p> <p><img src='https://i1.wp.com/seoslim.ru/wp-content/uploads/2012/03/vykup-trafika-banner.gif' align="center" height="454" width="349" loading=lazy loading=lazy></p> <p>Nhấp vào Dưới. Các trang web kiếm tiền bằng clickunder không có bất kỳ biểu ngữ nổi, cửa sổ hoặc quảng cáo không liên quan nào. Khách truy cập có thể xem thông tin một cách an toàn cho đến khi thực hiện bất kỳ nhấp chuột nào (không nhất thiết phải vào một liên kết).</p> <p>Tôi quyết định không bỏ qua loại thu nhập này và thêm chương trình liên kết này vào một trong các blog của mình. Tôi sẽ cho bạn biết điều gì xảy ra trong bài đăng tiếp theo và tôi cũng sẽ đưa ra đánh giá chi tiết về các dịch vụ phổ biến, điều chính là <span>đừng bỏ lỡ nó</span>!</p> <p>Khung nội tuyến. Một trong những cách kiếm tiền hấp dẫn nhất là bán lưu lượng truy cập của bạn cho các trang web khác. Bạn chỉ cần cài đặt một mã đặc biệt và nếu nó lọt vào dự án của bạn, thì sẽ không có gì xuất hiện và làm mất tập trung khi đọc tài liệu. Tuy nhiên, tại thời điểm này, một trang web khác và có thể một số trang web sẽ được tải.</p> <p><b>Thứ ba. Tại sao phương pháp kiếm tiền này lại nguy hiểm cho một trang web hoặc blog?</b></p> <p>Cách đây vài năm, khi làm việc với các sàn giao dịch để mua lưu lượng truy cập, bạn không phải lo lắng về việc trang web của mình có thứ hạng trong TOP công cụ tìm kiếm. Nhưng mọi thứ đã kết thúc và nó đến vào năm 2009, khi Yandex thông báo rằng các trang web có quảng cáo PopUnder và ClickUnder sẽ bị hạ thấp trong kết quả tìm kiếm của hệ thống.</p> <p>Vì các dịch vụ đòi tiền chuộc sử dụng tập lệnh java và do đó, nó được các robot công cụ tìm kiếm lập chỉ mục một cách hoàn hảo, kết quả là trang web này đã tụt xuống TOP.</p> <p><img src='https://i1.wp.com/seoslim.ru/wp-content/uploads/2012/03/padenie-site.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Trên một diễn đàn, một quản trị viên web đã đưa ra giải pháp cho vấn đề này. Nó bao gồm những điều sau: robot công cụ tìm kiếm không thể nhận ra mã của tệp flash.</p> <p>Để làm được điều này, bạn cần tìm kiếm các chương trình liên kết hiển thị quảng cáo flash, nhưng bạn cũng không nên quá vui mừng ở đây, vì nếu PS chưa học cách làm điều này thì đó chỉ là vấn đề thời gian. đó là vấn đề thời gian</p> <p><b>Thứ tư.</b></p> <p>Trải nghiệm của tôi với hệ thống Traffbiz</p> <p>Sau khi tìm hiểu về phương pháp kiếm tiền này dưới dạng chương trình liên kết iframe, nơi bạn có thể bán lưu lượng truy cập của mình mà không có gì gây khó chịu cho khách truy cập, như trong PopUnder và ClickUnder, tôi bắt đầu tự mình thử nghiệm.</p> <p><img src='https://i1.wp.com/seoslim.ru/wp-content/uploads/2012/03/traffbiz.ru_.gif' align="center" height="85" width="292" loading=lazy loading=lazy></p> <p>Tôi đã tìm thấy các sàn giao dịch trực tuyến hoạt động theo nguyên tắc này và giải quyết trên Traffbiz (CHÚ Ý, trang này không còn hoạt động nữa, nhưng nguyên tắc hoạt động của nó tương tự như các trang tương tự), họ trả tiền cho các lần hiển thị của quầy của họ với mức giá 1,6 đô la cho mỗi 1000 lần hiển thị .</p> <p>Tôi lấy hai trang web thử nghiệm có lưu lượng truy cập thấp (60 người mỗi ngày) và tuổi tên miền (1 năm). Nhân tiện, tôi đã đăng ký, họ đưa tất cả các trang web vào hệ thống với mức lương tối thiểu là 10 đơn vị mỗi ngày.</p> <p>Nếu bạn muốn rút số tiền kiếm được của mình, bạn sẽ phải đợi tối thiểu 3 đô la. Nhưng chưa được vài ngày trôi qua thì những bất tiện đầu tiên đã xuất hiện.</p> <p>Một trong những trang web của tôi được tạo bằng html, vì vậy tôi cần cập nhật thủ công mã hệ thống hai tuần một lần và đôi khi sớm hơn (những người đã tạo trang web bằng html sẽ hiểu tôi).</p> <p>Hóa ra tôi cần mở từng trang và thay đổi mã hệ thống trong đó. Trang web của tôi bao gồm 50 trang, vì vậy tôi thực sự không muốn lặp lại các chuyển động tương tự 50 lần vài lần một tháng, nhưng tôi đang làm việc chăm chỉ vì mục đích thử nghiệm.</p> <p>Nó dễ dàng hơn với trang web thứ hai. Nó được tạo trên công cụ WordPress, vì vậy việc thêm mã một lần bạn có thể quên nó đi.</p> <p><img src='https://i1.wp.com/seoslim.ru/wp-content/uploads/2012/03/diagramma-traffbiz-ru.gif' align="center" width="100%" loading=lazy loading=lazy></p> <p>Dưới đây là số liệu thống kê về việc bán lưu lượng truy cập của bạn trên các trang web thử nghiệm.</p> <blockquote> <p>Như bạn có thể thấy, hệ thống không mua tất cả khách truy cập liên tiếp mà chỉ chọn lưu lượng truy cập RU. Tập lệnh mà tôi đã cài đặt có khả năng chuyển hướng khách truy cập của tôi đến trang web của người khác.</p> <p>— Bán lưu lượng truy cập RU và chúng với mức giá 2,6 USD cho mỗi 1000 lần chuyển đổi (để tôi nhắc bạn rằng giao dịch mua là 1,6 USD cho cùng 1000 lần chuyển đổi đó);</p> <p>— Bán khách truy cập từ Kazakhstan và Ukraine với mức giá 2 USD cho mỗi 1000 lần nhấp chuột (để tôi nhắc bạn rằng họ không mua lưu lượng truy cập này từ bạn);</p> <p>— Bán phần còn lại của lưu lượng truy cập với mức giá 1 USD trên 1000 lần chuyển đổi (để tôi nhắc bạn rằng họ không mua lưu lượng truy cập này từ bạn);</p> </blockquote> <p>Như bạn có thể thấy, họ nhận được lợi nhuận tốt từ số tiền bỏ ra, nhưng cá nhân tôi không thích chỉ có hai yếu tố trong cuộc trao đổi này.</p> <p>1) Yandex coi mã của họ có khả năng độc hại và các trang web đó phát tán vi-rút. Trên cả hai trang web, tôi đã đóng mã hệ thống trong thẻ noindex.</p> <table><tr><td class="code"> <noindex><<span>/noindex></span> </td> </tr></table><p><noindex></noindex></p> <p>Tuy nhiên, điều này không giúp ích được gì và trang WordPress là trang đầu tiên phải từ bỏ, gần như ngay lập tức sau một vài lần nâng cấp. Hơn nữa, điều này đã được tính đến đối với trang web bằng html.</p> <p>Những gì tôi làm trong trường hợp này: Tôi xóa tập lệnh khỏi traffbiz trên các trang web và đợi cho đến khi Yandex coi các trang web đó là “tốt” (khoảng 5 ngày trôi qua), sau đó tôi cài đặt lại tập lệnh.</p> <p>2) Trang web nhận được lưu lượng truy cập. Yandex cố tình đánh giá thấp các dự án trong TOP kết quả tìm kiếm, gây nguy hiểm cho người dùng.</p> <p>Xin chào các độc giả thân mến của trang blog. Hôm nay chúng ta sẽ nói về các khung trong HTML. Rõ ràng là chúng ta sẽ bắt đầu lại từ đầu, cụ thể là đây là loại động vật nào. Chúng ta cũng sẽ nói về hiện tại (Khung) và tương lai (Iframe) của các thành phần này trong phiên bản hiện tại của ngôn ngữ đánh dấu siêu văn bản và trong tiêu chuẩn Html 5 mới với .</p><p>Ở cuối bài viết, sau khi mô tả chi tiết về quá trình tạo khung tích hợp và cấu trúc cổ điển của chúng bằng mã Html (đã hiếm khi được sử dụng), chúng ta sẽ đề cập đến mức độ liên quan của việc xây dựng một trang web trên chúng và cũng thảo luận về khả năng có thể cách sử dụng chúng trong khoảng thời gian hiện tại bằng cách sử dụng ví dụ trên blog của tôi.</p><h2>Nó là gì và Iframe khác với Frame như thế nào?</h2><p>Đây là cái gì? Hóa ra chúng không chỉ có thể được sử dụng trên các trang web mà còn trong bất kỳ ứng dụng nào cho đến chương trình, nhưng chúng khác nhau ở chỗ cửa sổ của trang web hoặc ứng dụng sẽ được chia thành nhiều khu vực, mỗi khu vực sẽ tải một tài liệu riêng biệt. . Hơn nữa, các vùng khung này hoạt động độc lập với nhau.</p><p>Có lẽ ví dụ rõ ràng nhất về việc sử dụng chúng mà hầu hết các bạn đã gặp phải là cái gọi là tệp trợ giúp mà nhiều chương trình được cài đặt trên máy tính của bạn có.</p><p><img src='https://i2.wp.com/ktonanovenkogo.ru/image/chto-takoe-freim.png' width="100%" loading=lazy loading=lazy></p><p>Tệp có menu trợ giúp được tải vào cửa sổ bên trái và tài liệu tương ứng với mục menu đã chọn sẽ được hiển thị trong cửa sổ bên phải. Đáng chú ý là cấu trúc này cho phép bạn tránh tải lại tệp có menu vào cửa sổ bên trái khi mở tài liệu mới ở cửa sổ bên phải. Đây chính xác là những gì nó bao gồm <b>Ưu điểm chính của việc sử dụng khung</b> trong HTML.</p><p>Trên thực tế, tên của các thành phần này nên được hiểu là một cửa sổ độc lập. Với sự trợ giúp của khung, chúng ta có cơ hội chia một cửa sổ lớn thành nhiều mảnh, từ đó có thể đóng vai trò là bộ thu cho các tài liệu riêng biệt độc lập với nhau (trang, văn bản, hình ảnh, video, v.v.).</p><p>Cấu trúc khung được tạo ra trong ngôn ngữ đánh dấu siêu văn bản như thế nào? Nếu chúng ta nói về tiêu chuẩn Html 4.01 (theo phân loại), là tiêu chuẩn chính ở thời điểm hiện tại, thì ba phần tử được sử dụng cho việc này - Frame, Frameset và Noframes.</p><h3>Iframe - khung tích hợp theo tiêu chuẩn Html 5</h3><p>Nếu chúng ta nói về tiêu chuẩn Html 5 (tương lai của chúng tôi, một số thành phần đã được nhiều trình duyệt hỗ trợ), thì sẽ không còn các thẻ Frame, Frameset và Noframes nữa, cũng như cấu trúc khung cổ điển; một thẻ Iframe duy nhất (khung nhúng) mà chúng ta sẽ nói đến ở phần đầu, sau đó chúng ta sẽ chuyển sự chú ý sang sơ đồ cổ điển từ phiên bản 4.01, hiện đang thực sự được sử dụng.</p><p>Iframe, không giống như các nội dung cổ điển được thảo luận bên dưới, không yêu cầu thay thế thẻ Body bằng thẻ Frameset. Những thứ kia. thẻ này có thể được chèn vào các trang thông thường, chẳng hạn như bên trong một đoạn văn hoặc bất kỳ nơi nào khác. Về cốt lõi, thành phần này rất giống với thẻ Img mà chúng ta đã xem xét.</p><p>Nó là một phần tử nội tuyến có nội dung có thể thay thế được vì nó hoạt động giống hệt một phần tử nội tuyến, nhưng nó hiển thị <b>nội dung bên ngoài không liên quan</b>. Chỉ có bốn phần tử như vậy trong ngôn ngữ HTML - Img, Iframe, Object và Embed. Do đó, anh hùng của chúng tôi ngụ ý sự hiện diện của một tệp bên ngoài sẽ được tải vào một khu vực có kích thước được đặt bằng cách sử dụng các thuộc tính của thẻ này.</p><p>Cái đó. Iframe là một phần tử chìm trong đó một đối tượng bên ngoài (chẳng hạn như video) được tải vào đó. Và để chỉ ra đường dẫn đến tệp này sẽ được tải trên trang, hãy sử dụng thuộc tính Src đặc biệt. Nhưng không giống như Img, phần tử Iframe được ghép nối, tức là. <b>cũng có thẻ đóng</b>:</p><p> <span class="fHaAsFZL1nQ"></span> </p><p>Ví dụ này hiển thị đầu ra trên trang video Youtube bằng Iframe. Để giới hạn diện tích của khung (cửa sổ) nơi tệp bên ngoài sẽ được tải, các thuộc tính được cung cấp <b>Chiều rộng và chiều cao</b>, có giá trị được chỉ định bằng pixel:</p><p> <span class="fHaAsFZL1nQ"></span> </p><p>Những thứ kia. thẻ này tạo ra một khu vực mà một số đối tượng bên ngoài được tải vào đó (không quan trọng nó đến từ trang web của bạn hay từ một tài nguyên khác). Chiều rộng và chiều cao của khu vực được chỉ định bằng Chiều rộng và Chiều cao, đồng thời thuộc tính Src chỉ định đường dẫn đến đối tượng này.</p><p>Phần tử Iframe kế thừa tất cả các thuộc tính này từ các thẻ nội tuyến tương tự có nội dung được thay thế (chẳng hạn như Img đã được đề cập ở trên). Chà, anh ấy cũng lấy thuộc tính từ những bức ảnh <b>Hspace và Vspace</b>, cho phép bạn đặt thụt lề từ đường viền của khung đến văn bản bao quanh nó.</p><p>Điều quan trọng nữa là việc căn chỉnh khung tích hợp được thực hiện theo cách giống hệt như chúng ta có thể thấy khi nghiên cứu hình ảnh trong Html - . Vẫn như cũ <b>Căn chỉnh</b>, nhưng đối với thẻ Iframe có các giá trị có thể là Bottom, Top, Middle, Left và Right.</p><p>Nhưng phần tử này cũng lấy một số thuộc tính từ thẻ Frame từ cấu trúc khung cổ điển mà chúng ta sẽ nói rất chi tiết bên dưới trong văn bản. Các thuộc tính này bao gồm Tên, giá trị của nó có thể được sử dụng làm giá trị để tài liệu bạn cần khi nhấp vào liên kết sẽ mở ra trong cửa sổ của khung này (đọc thêm bên dưới).</p><p>Cũng trong Iframe, thuộc tính Frameborder được di chuyển từ thẻ Frame, chỉ có hai giá trị - 0 (khung xung quanh khung không được hiển thị) hoặc 1 (khung hiển thị). Giá trị mặc định là Frameborder=1, vì vậy để xóa nó bạn cần nhập Frameborder="0":</p><p> <span class="fHaAsFZL1nQ"></span> </p><p>Thuộc tính Scrolling cũng đã được chuyển từ Frame sang phần tử này, có giá trị mặc định là Auto - các thanh cuộn trong khung sẽ xuất hiện khi cần khi nội dung lớn hơn kích thước của cửa sổ dự định hiển thị nó.</p><p>Chà, thuộc tính Marginwidth và Marginheight cũng được chuyển từ phần tử Frame. Chúng sẽ được thảo luận chi tiết bên dưới trong văn bản, nhưng tóm lại - chúng cho phép bạn đặt vết lõm theo chiều rộng và chiều cao từ các cạnh của khung đến nội dung được đặt trong đó.</p><p>Như tôi đã đề cập, một ví dụ rõ ràng về việc sử dụng Iframe là:</p><p><img src='https://i2.wp.com/ktonanovenkogo.ru/image/iframe-video.png' width="100%" loading=lazy loading=lazy></p><p>Bằng cách chèn Iframe trực tiếp vào trang web, bạn sẽ nhận được đầu ra của video từ YouTube. Chúng tôi kết luận rằng phần tử này là sự kết hợp giữa các phần tử nội tuyến với nội dung được thay thế và trên thực tế là các khung cổ điển mà bây giờ chúng ta sẽ thảo luận.</p><h2>Các khung dựa trên thẻ Frame và Frameset - cấu trúc của chúng</h2><p>Vì vậy, việc tạo cấu trúc khung cổ điển bắt đầu bằng những gì bạn viết trong mã Html thay vì thẻ Nội dung mở và đóng, thường phải có trong bất kỳ tài liệu nào, thay thế nó bằng một vùng chứa dựa trên phần tử <b>Bộ khung</b>.</p><p>Điểm cơ bản là phần tử Body không thể được sử dụng trong trường hợp này - Body (đối với tài liệu thông thường) hoặc Frameset (khi tạo cấu trúc khung tài liệu):</p><p><img src='https://i1.wp.com/ktonanovenkogo.ru/image/17-08-201318-13-43.png' width="100%" loading=lazy loading=lazy></p><p>Mỗi khung mà chúng ta tạo bên trong khung chính được tạo bằng cách sử dụng một phần tử riêng biệt <b>Khung</b>. Thẻ này là thẻ duy nhất và trong đó chúng tôi đặt đường dẫn đến tài liệu sẽ được tải vào cửa sổ này.</p><p>Yếu tố thứ ba mà chúng ta chưa đề cập đến là <b>Noframe</b>. Nó được ghép nối và cho phép bạn viết một số văn bản bên trong, văn bản này sẽ được trình duyệt xử lý và chỉ hiển thị trên trang web nếu chính trình duyệt này (hoặc thiết bị hiển thị khác) không hỗ trợ khung. Điều này có thể xảy ra, chẳng hạn như nếu bạn đang sử dụng trình duyệt dành cho thiết bị di động.</p><p>Thông thường, trong Noframes, họ không chỉ thêm thông tin về tình hình hiện tại không thể xử lý cấu trúc khung mà còn thêm khả năng truy cập các trang khác nơi bạn có thể tiếp tục làm việc mà không cần sử dụng chúng. Thật khó để nói bất cứ điều gì khác về anh ấy, vì vậy hãy tiếp tục.</p><p>Hóa ra phần tử Frameset, được sử dụng thay cho thẻ Body, chiếm tất cả không gian được phân bổ cho khu vực xem và các khung sẽ được tạo trong khu vực này bằng cách sử dụng các phần tử Frame riêng lẻ. Về vấn đề này, câu hỏi được đặt ra - làm thế nào để phân chia khu vực xem giữa các cửa sổ riêng biệt hay nói cách khác là làm thế nào để đặt kích thước của từng cửa sổ.</p><p>Điều này được thực hiện bằng cách thêm các thuộc tính thích hợp vào phần tử Frameset. Có hai người trong số họ - <b>Cols và hàng</b>. Cols thiết lập việc phân chia một cửa sổ lớn thành các khung hoặc cột dọc và Rows cho phép bạn chia nó thành các cửa sổ hoặc hàng ngang.</p><h3>Tạo cấu trúc dựa trên Frameset và các thuộc tính Cols và Rows của nó</h3><p>Giá trị cho Cols và Rows của thẻ Html Frameset là các số được phân tách bằng dấu phẩy (không có dấu cách). Những con số này thiết lập tỷ lệ của các cửa sổ mà chúng ta muốn có được. Vì vậy, dù viết Cols hay Rows bao nhiêu cách nhau bằng dấu phẩy thì số khung mà chúng ta có sẽ là kết quả.</p><p>Ví dụ: sử dụng mục này, chúng ta sẽ nhận được ba cột dọc có chiều rộng tương ứng với tỷ lệ 2:5:3.</p><p> <frameset cols="20%,50%,30%"> </p><p>Vì chúng ta đã đặt tỷ lệ cho ba khung, nên chúng ta sẽ phải bao gồm ba phần tử Frame giữa thẻ Frameset mở và đóng, ít nhất là không chỉ định các thuộc tính bổ sung:</p><p><img src='https://i0.wp.com/ktonanovenkogo.ru/image/17-08-201318-25-34.png' width="100%" loading=lazy loading=lazy></p><p>Kết quả là cấu trúc khung của chúng ta, bao gồm ba cửa sổ trống, sẽ trông như thế này:</p><p><img src='https://i1.wp.com/ktonanovenkogo.ru/image/frame.png' width="100%" loading=lazy loading=lazy></p><p>Trong ví dụ này, chúng tôi đặt kích thước cửa sổ (Khung) bằng cách sử dụng tỷ lệ phần trăm, được lấy từ chiều rộng của vùng xem (đây là trường hợp khi sử dụng Cols) hoặc từ chiều cao của nó (Hàng). Khi thay đổi khung nhìn, mối quan hệ tỷ lệ phần trăm giữa các kích thước khung hình sẽ được duy trì. Nhưng thay vì tỷ lệ phần trăm, bạn cũng có thể sử dụng những con số đơn giản có ý nghĩa. Ở đây, tôi nghĩ, cũng không có khó khăn gì trong việc hiểu biết.</p><p>Nhưng cũng có một tùy chọn khá khác thường về kích thước, trông giống như <b>dấu hoa thị "*"</b>. Hơn nữa, nó có thể chỉ là “*” hoặc dấu hoa thị có số ở phía trước, ví dụ: “3*”. Một điều thông minh rất giống với tỷ lệ phần trăm và có nghĩa là chúng ta chia không gian cho Frame theo tỷ lệ.</p><p>Hãy xem một ví dụ. Bây giờ hãy chọn chia khung nhìn thành các hàng ngang bằng Hàng:</p><p> <frameset rows="200,500,*"> </p><p>Mục này có ý nghĩa gì? Toàn bộ khu vực xem có sẵn cho chúng ta theo chiều dọc sẽ được chia thành ba dòng. Chiều cao của dòng đầu tiên sẽ được lấy ở mức 200 pixel, dòng thứ hai - ở mức 500, nhưng dòng thứ ba sẽ chiếm toàn bộ không gian còn lại về chiều cao, bởi vì “*” đã được sử dụng làm kích thước của nó.</p><p>Điều đáng chú ý là các giá trị “*” và “1*” có nghĩa giống nhau - chúng tôi chia tất cả không gian còn lại thành một và cung cấp một phần này cho khung này (nghĩa là tất cả không gian còn lại).</p><p>Nhưng hãy xem điều gì sẽ xảy ra nếu bạn sử dụng giá trị “*” với một số để chia theo tỷ lệ:</p><p> <frameset rows="2*,100,4*"> </p><p>Bạn nghĩ kích thước của Khung trong trường hợp này sẽ như thế nào? Rõ ràng dòng thứ hai chắc chắn sẽ có chiều cao 100 pixel. Nhưng không gian còn lại sẽ được phân chia theo chiều cao như thế nào giữa hàng thứ ba và hàng đầu tiên?</p><p>Việc tính toán khá dễ dàng - chỉ cần cộng bốn (4*) với hai (2*) và chia cho mẫu số này (hãy nhớ các phân số trong chương trình giảng dạy ở trường) hai và bốn. Những thứ kia. chúng ta nhận được rằng cột đầu tiên có khung sẽ chiếm một phần ba không gian còn lại về chiều cao và cột thứ ba sẽ chiếm hai phần ba. Hay nói cách khác, cái thứ ba sẽ cao gấp đôi cái thứ nhất:</p><p><img src='https://i2.wp.com/ktonanovenkogo.ru/image/17-08-201321-11-58.png' width="100%" loading=lazy loading=lazy></p><p><img src='https://i1.wp.com/ktonanovenkogo.ru/image/frameset.png' width="100%" loading=lazy loading=lazy></p><p>Bạn có thể sử dụng cả ba cách để định kích thước cửa sổ khung trong một thuộc tính, ví dụ:</p><p> <frameset cols="10%,100,4*,3*,2*"> </p><p>Kết quả là, chúng ta sẽ có được cột Khung đầu tiên có chiều rộng bằng 10% toàn bộ khu vực có sẵn, cột thứ hai - 100 pixel và ba cột còn lại sẽ có chiều rộng theo tỷ lệ bốn, ba và hai phần chín của không gian chiều rộng còn lại. Vì vậy, mọi thứ đều đơn giản và rõ ràng.</p><p>Nếu bạn muốn chia cửa sổ chính không chỉ thành các khung ngang và dọc mà còn thành các tổ hợp của chúng, thì bạn có thể sử dụng cấu trúc lồng nhau của các phần tử Frameset riêng biệt cho các cột và riêng cho các hàng. Ví dụ: để có được cấu trúc hiển thị trong ảnh chụp màn hình bên dưới, chỉ cần sử dụng cấu trúc sau:</p><p><img src='https://i0.wp.com/ktonanovenkogo.ru/image/17-08-201321-15-19.png' width="100%" loading=lazy loading=lazy></p><p><img src='https://i1.wp.com/ktonanovenkogo.ru/image/freimy-v-html.png' width="100%" loading=lazy loading=lazy></p><p>Những thứ kia. trước tiên, chúng tôi sử dụng “frameset cols=”20%,80%”“ để chia tất cả không gian có sẵn thành hai cột theo chiều dọc và đặt nội dung của cột bên phải bằng thẻ “frame”, nhưng thay vì thêm phần tử “frame” đối với cột bên trái, chúng tôi mở một “bộ khung hàng =“10%,*”” mới.</p><p>Và với sự trợ giúp của nó, chúng tôi chia cột bên phải thành hai dòng có khung, nội dung của chúng được đặt bằng cách sử dụng hai thẻ “frame”, sau đó chúng tôi đóng cả hai vùng chứa “frameset”. Mọi thứ đều đơn giản và hợp lý.</p><h3>Chỉ định đường dẫn trong thuộc tính Src của phần tử Frame</h3><p>Nhưng tất cả chúng ta đều nói về phần tử Frameset cũng như các thuộc tính Cols và Rows của nó, với sự trợ giúp của chúng, chúng ta hình thành cấu trúc và đặt kích thước của chúng. Bây giờ hãy tìm cách hiển thị các tài liệu cần thiết trong các khung được yêu cầu và cách định cấu hình tương tác giữa các cửa sổ của chúng.</p><p>Vậy làm cách nào để kiểm soát sự xuất hiện của các cửa sổ mà chúng ta tạo ra? Tất cả điều này được chứa trong các thuộc tính của thẻ Frame. Điều đáng nói đầu tiên là <b>Src</b>. Chúng ta đã thấy nó trong thẻ Img khi xem xét việc chèn hình ảnh vào mã Html. Bản chất của nó không thay đổi và nó vẫn cho phép bạn chỉ định đường dẫn đến tài liệu sẽ được tải vào khung.</p><p>Đường dẫn đến tài liệu trong Src có thể được chỉ định là . Đường dẫn tương đối thường được sử dụng cho tài liệu nằm trên tài nguyên của riêng bạn, nhưng bạn sẽ cần đường dẫn tuyệt đối khi muốn tải tài liệu từ một trang khác vào cửa sổ khung.</p><p>Nếu thuộc tính Src chỉ ra đường dẫn đến tài liệu mong muốn không được chỉ định thì một tài liệu trống sẽ được tải vào cửa sổ. Cá nhân tôi đã từng làm điều tương tự cho blog của mình (như một yếu tố điều hướng bổ sung), đồng thời tạo một thư mục riêng cho nó trên máy chủ lưu trữ và đặt ở đó không chỉ một tệp Html có cấu trúc khung (mà tôi gọi là chỉ mục). .html), nhưng cũng được tải vào nhiều cửa sổ tài liệu khác nhau, cũng như các tệp hình ảnh được sử dụng làm hình nền.</p><p>Vì vậy, cách dễ dàng nhất đối với tôi là sử dụng các liên kết tương đối trong thuộc tính Src của thẻ Frame:</p><p><img src='https://i1.wp.com/ktonanovenkogo.ru/image/17-08-201321-23-15.png' width="100%" loading=lazy loading=lazy></p><p><img src='https://i0.wp.com/ktonanovenkogo.ru/image/freimy-eto.png' width="100%" loading=lazy loading=lazy></p><p>Điều đáng chú ý là nếu bạn thay thế tất cả các liên kết được đưa ra trong mã này từ tương đối thành tuyệt đối (chẳng hạn như https://site/navigator/joomla.html) và mở tệp này trong trình duyệt thì các tài liệu được chỉ định trong Frame sẽ được tải từ máy chủ của tôi và bạn sẽ thấy một hình ảnh tương tự trong trình duyệt của mình. Hơn nữa, việc tệp của bạn có cấu trúc khung (index.html) sẽ được đặt ở đâu không quan trọng - trên máy tính của bạn hoặc trên máy chủ lưu trữ.</p><p>Trong ví dụ trong hình, một trang có menu nhất định, là menu thông thường, được tải vào cửa sổ của khung bên trái. Nhưng điều quan trọng không phải là menu được hình thành như thế nào mà là điều gì sẽ xảy ra sau khi nhấp vào bất kỳ liên kết nào của nó.</p><p>Nếu bạn làm điều này, thì mọi thứ sẽ diễn ra chính xác như bình thường - tài liệu sẽ mở ở cửa sổ phía dưới bên phải. Nhưng để làm được điều này, tôi phải sử dụng một thủ thuật nhỏ, vì trong phiên bản mặc định, tài liệu mở ra toàn bộ kích thước của cửa sổ, thay thế cấu trúc khung mà tôi hoàn toàn không cần, vì menu điều hướng ở khung bên trái và trên cùng biến mất.</p><h2>Cách mở tài liệu qua link trong khung</h2><p>Vì vậy, khi nói về siêu liên kết, chúng tôi đã đề cập đến thuộc tính thẻ “A” là Target=_blank. Bạn có nhớ nó dùng để làm gì không? Việc mở tài liệu được liên kết trong một cửa sổ mới là đúng. Theo mặc định, nó sẽ mở trong cùng một cửa sổ, tương đương với target="_self".</p><p>Nhưng đây là những cơ hội <b>Mục tiêu</b> không bị giới hạn. Hóa ra bạn có thể thêm một giá trị cho nó <b>như một tên khung</b>, được chỉ định trước trong thuộc tính Tên đặc biệt của thẻ Khung. Khi đó, tài liệu qua liên kết này sẽ không mở trong cùng một cửa sổ, chiếm toàn bộ không gian của nó mà trong Khung bạn đã chỉ định. Rõ ràng chứ? Nếu không hoàn toàn thì bây giờ mọi chuyện sẽ trở nên rõ ràng khi chúng ta phân tích ví dụ.</p><p>Vì vậy, hãy quay lại ví dụ của chúng tôi được hiển thị trong hình trên. Chúng ta cần mở các trang bằng liên kết từ cửa sổ bên trái ở khung phía dưới bên phải (lớn). Do đó, trước tiên bạn cần đặt tên cho cửa sổ lớn này bằng thuộc tính Name trong thẻ Frame.</p><p><img src='https://i0.wp.com/ktonanovenkogo.ru/image/17-08-201321-32-09.png' width="100%" loading=lazy loading=lazy></p><p>Họ đã làm ra nó và gọi nó là “ktona”. Bây giờ bạn có thể mở tệp được tải dưới dạng menu trong cửa sổ bên trái một cách an toàn và thêm thuộc tính Target="ktona" vào tất cả các thẻ A trong đó:</p><p>Lịch sử của Joomla và thành phần VirtueMart</p><p>Tất nhiên, với sự trợ giúp của công cụ tìm kiếm và thay thế, sẽ không khó để đặt nó cho tất cả các siêu liên kết, nhưng tại sao lại tải mã một cách không cần thiết khi chúng ta có cơ hội tuyệt vời để sử dụng <b>thẻ cơ sở đặc biệt</b>, mà chúng tôi đã đề cập trong cùng một bài viết về siêu liên kết, khi chúng tôi nói về việc sử dụng mục tiêu trống.</p><p>Chỉ cần đặt phần tử target="ktona" cơ sở giữa thẻ Head mở và đóng là đủ và tất cả các liên kết trong mã Html của tài liệu này sẽ mở các trang mới trong khung được chỉ định gọi là "ktona":</p><p><img src='https://i1.wp.com/ktonanovenkogo.ru/image/17-08-201321-36-13.png' width="100%" loading=lazy loading=lazy></p><p>Nhân tiện, nếu chúng ta lấy công cụ hiện có của tôi làm ví dụ, thì chúng ta vẫn cần đảm bảo rằng tất cả các liên kết từ cửa sổ ngang trên cùng đều mở các trang của chúng trong khung dọc bên trái, đóng vai trò là menu bên trái của tôi. Cần phải làm gì cho việc này?</p><p>Chà, trước tiên, bạn cần đặt tên cho khung dọc bên trái:</p><p><img src='https://i1.wp.com/ktonanovenkogo.ru/image/17-08-201321-38-31.png' width="100%" loading=lazy loading=lazy></p><p>Và trong tệp được tải vào cửa sổ trên cùng (gor.html), bạn cần thêm phần tử target="gor" cơ sở:</p><p><img src='https://i2.wp.com/ktonanovenkogo.ru/image/17-08-201321-40-02.png' width="100%" loading=lazy loading=lazy></p><p>Thế là xong, bây giờ chúng ta đã làm đúng mọi việc. Tất cả các tài liệu theo các liên kết từ khung trên cùng sẽ mở trong cửa sổ bên trái và tất cả các liên kết từ đó sẽ mở các tài liệu ở Khung trung tâm và lớn nhất. Theo tôi, mọi thứ đều đơn giản và hợp lý.</p><h3>Thuộc tính thẻ khung để tùy chỉnh giao diện của cửa sổ</h3><p>Bây giờ chúng ta hãy xem những thuộc tính nào ngoài Src và Name có thể được sử dụng trong thẻ Frame để tùy chỉnh giao diện của khung. Hãy bắt đầu với <b>Cuộn</b>. Sử dụng nó, chúng ta có thể định cấu hình hiển thị thanh cuộn cho từng cửa sổ trong cấu trúc khung của bạn một cách riêng biệt.</p><p>Tính năng cuộn có giá trị mặc định là Auto - trình duyệt sẽ tự động quyết định, dựa trên kích thước của tài liệu được tải vào khung, có hiển thị thanh cuộn hay không. Nếu tài liệu không hoàn toàn vừa với cửa sổ, một thanh cuộn sẽ xuất hiện, cho phép bạn xem toàn bộ đến cuối.</p><p>Bạn cũng có thể sử dụng các giá trị Có (thanh cuộn trong cửa sổ sẽ luôn được hiển thị, ngay cả khi tài liệu hoàn toàn vừa với nó) và Không (thanh cuộn sẽ không bao giờ xuất hiện, ngay cả khi một phần của tài liệu không vừa) làm giá trị cho Scrolling.</p><p> <frame scrolling="yes" src="gor.html"> </p><p>Trong công cụ hiện có của mình, tôi đã sử dụng giá trị mặc định là Tự động và thanh cuộn trong khung xuất hiện khi cần:</p><p><img src='https://i0.wp.com/ktonanovenkogo.ru/image/freim.png' width="100%" loading=lazy loading=lazy></p><p>Thuộc tính sau của thẻ Frame là <b>Noresize</b>- là đơn (nó không có giá trị). Bằng cách đăng ký nó, do đó bạn sẽ cấm thay đổi kích thước của nó, theo mặc định, điều này được thực hiện bằng cách chỉ cần kéo đường viền của khung bằng chuột.</p><p> <frame noresize src="gor.html"> </p><p>Khi di chuyển con trỏ chuột đến đường viền, bạn sẽ thấy con trỏ biến thành mũi tên hai đầu và lúc này, bằng cách nhấn chuột trái, bạn có thể di chuyển đường viền theo ý muốn. Noresize áp đặt lệnh cấm đối với hành vi cố ý này (khi bạn di chuyển con trỏ chuột đến viền cửa sổ, bạn sẽ không còn thấy mũi tên hai chiều nữa).</p><p><img src='https://i2.wp.com/ktonanovenkogo.ru/image/freimy.png' width="100%" loading=lazy loading=lazy></p><p>Một thuộc tính trực quan khác là <b>khung viền</b>. Sử dụng nó, bạn có thể chỉ định có vẽ khung (đường viền) giữa các khung hay không vẽ. Frameborder chỉ có thể có hai giá trị có thể - 0 (không vẽ khung) hoặc 1 (hiển thị đường viền). Tất nhiên, giá trị mặc định là 1.</p><p>Có một sự tinh tế. Nếu bạn muốn xóa đường viền hiển thị, thì bạn sẽ phải thêm Frameborder=0 vào tất cả các thẻ Frame của các khung mà bạn muốn xóa đường viền hiển thị ở giữa.</p><p> <frame frameborder="0" src="gor.html"> </p><p><img src='https://i2.wp.com/ktonanovenkogo.ru/image/iframe-freim.png' width="100%" loading=lazy loading=lazy></p><p>Chà, chúng ta vẫn phải xem xét một số thuộc tính của thẻ Frame - <b>Độ rộng lề và chiều cao lề</b>, đặt phần đệm theo chiều rộng (phải và trái) và chiều cao (trên và dưới) từ viền của cửa sổ đến nội dung được tải vào đó (số có nghĩa là số pixel của phần đệm):</p><p><img src='https://i0.wp.com/ktonanovenkogo.ru/image/iframe-freimy.png' width="100%" loading=lazy loading=lazy></p><h2>Tại sao bạn không thể tạo một trang web trên khung?</h2><p>Chúng ta hãy xem nhược điểm cơ bản của các cấu trúc cổ điển là gì, về cơ bản khiến chúng không được sử dụng khi tạo một trang web. Nó bao gồm thực tế là theo cấu trúc khung này <b>không thể theo dõi tình trạng của cô ấy</b>.</p><p>Các cấu trúc phức tạp có thể có hàng nghìn trạng thái khác nhau (các biến thể của tài liệu được mở trong các cửa sổ khung khác nhau), nhưng địa chỉ Url của chính cấu trúc này không thay đổi. Vì điều này sẽ có <b>Không thể sử dụng dấu trang của trình duyệt</b> hoặc gửi liên kết đến các trang yêu thích của bạn cho người dùng khác. Tại sao?</p><p>Bởi vì địa chỉ không thay đổi và khi bạn mở nó từ dấu trang của trình duyệt hoặc từ email, bạn sẽ nhận được một trang có trạng thái bắt đầu của cấu trúc khung chứ không phải trạng thái mà bạn muốn lưu.</p><p>Tất nhiên, mặc dù vấn đề này có thể được giải quyết, nhưng không phải bằng các công cụ HTML mà với sự trợ giúp của máy chủ (ví dụ: Php) hoặc ngôn ngữ lập trình máy khách (JavaScript) và các giải pháp này sẽ không hiệu quả một trăm phần trăm. Trên thực tế, các giải pháp như vậy cho phép bạn thêm dữ liệu bổ sung về trạng thái hiện tại của nó vào địa chỉ Url của cấu trúc khung, nhưng điều này không dễ thực hiện và độ tin cậy sẽ không tuyệt đối.</p><p>Đây là nhược điểm đầu tiên của việc sử dụng khung để tạo trang web và rất đáng kể, nhưng còn có một nhược điểm rất lớn khác. Tất nhiên, các công cụ tìm kiếm từ lâu đã học cách lập chỉ mục và trích xuất từ chúng địa chỉ của những tài liệu được tải vào cửa sổ của chúng. Vấn đề là khác nhau.</p><p>Khi người dùng đi từ kết quả tìm kiếm Yandex hoặc Google đến trang web của bạn được xây dựng trên cơ sở cấu trúc khung, chỉ tài liệu được tải vào một trong các khung sẽ mở chứ không phải toàn bộ cấu trúc. Bạn có hiểu tôi đang nói về điều gì không?</p><p>Người dùng sẽ nhìn thấy tài liệu và <b>sẽ không thấy điều hướng trên trang web của bạn</b>, vì nó sẽ được bảo vệ trong các cửa sổ khác và chúng chỉ được tải như một phần của toàn bộ cấu trúc.</p><p>Kết quả là, một trang web được xây dựng trên khung sẽ trở nên không thể sử dụng được. Mặc dù, một lần nữa, có các giải pháp cho vấn đề này dựa trên tập lệnh máy chủ, khi việc chuyển hướng sẽ được thực hiện từ địa chỉ của từng tài liệu đến cấu trúc khung ở trạng thái mong muốn, nhưng điều này lại rất khó và không phải lúc nào cũng đáng tin cậy.</p><p>Nói chung, kết luận có thể được rút ra một cách rõ ràng - <b>không cần tạo trang web trên khung</b>. Nhưng chúng thường xuyên được sử dụng để tạo trợ giúp cho nhiều ứng dụng khác nhau và chúng có thể hữu ích trong những việc nhỏ khác.</p><p>Ví dụ: tôi đã tạo một cấu trúc khung mà tôi gọi là “Bộ điều hướng” (hiện tại nó đã tạm thời bị xóa) và cấu trúc này đã trở thành một loại menu bên ngoài mở rộng cho blog của tôi, mà theo tôi, có vẻ như sẽ đơn giản hóa việc làm việc với tài nguyên và do đó, việc cải thiện câu “không vô nghĩa” có ảnh hưởng rất, rất mạnh mẽ đến việc quảng bá trang web.</p><p>Tuy nhiên, để tránh bất kỳ sự cố nào với công cụ tìm kiếm, tôi đã đóng toàn bộ cấu trúc khung này khỏi chế độ xem và cũng để đề phòng, đã thêm thẻ meta Rodots vào tất cả các tệp Html của nó, cấm lập chỉ mục của chúng:</p><p> <head> <meta name="robots" content="noindex,nofollow"> <base target="ktona"> <meta charset="utf-8"> <title>JOOMLA</title> </head> </p><p>Nhưng tất cả những hạn chế này chỉ áp dụng cho các cấu trúc trên thẻ Frame và Frameset, và <b>khung được nhúng trên thẻ Iframe</b> không có bất kỳ sai sót rõ ràng nào và chúng có thể và thậm chí nên được sử dụng trong các dự án của bạn, ít nhất là để chèn video từ YouTube.</p> <p>Chúc bạn may mắn! Hẹn gặp lại bạn sớm trên các trang của trang blog</p><h3></h3><p>Bạn có thể quan tâm</p><p><img src='https://i0.wp.com/ktonanovenkogo.ru/wp-content/uploads/2013/10/doctype.jpg' width="100%" loading=lazy loading=lazy><span>Chỉ thị nhận xét và Doctype trong mã Html, cũng như khái niệm về các phần tử khối và nội tuyến (thẻ)</span> <br><img src='https://i0.wp.com/ktonanovenkogo.ru/wp-content/uploads/2013/10/embed-object.jpg' width="100%" loading=lazy loading=lazy><span>Nhúng và đối tượng - Thẻ Html để hiển thị nội dung đa phương tiện (video, flash, âm thanh) trên các trang web</span> <br><img src='https://i1.wp.com/ktonanovenkogo.ru/wp-content/uploads/2013/10/img.jpg' width="100%" loading=lazy loading=lazy><span>Img - Thẻ Html để chèn ảnh (Src), căn chỉnh và ngắt dòng văn bản xung quanh ảnh (align), cũng như đặt nền (background)</span> <br><img src='https://i2.wp.com/ktonanovenkogo.ru/wp-content/uploads/2013/10/yazyk-html.jpg' width="100%" loading=lazy loading=lazy><span>Ngôn ngữ đánh dấu siêu văn bản Html là gì và cách xem danh sách tất cả các thẻ trong trình xác nhận W3C</span> <span>Select, Option, Textarea, Label, Fieldset, Legend - Thẻ Html cho dạng danh sách thả xuống và trường văn bản</span> <br><img src='https://i2.wp.com/ktonanovenkogo.ru/wp-content/uploads/2013/10/html-spisok-vydelenie-abzats.jpg' width="100%" loading=lazy loading=lazy><span>Danh sách trong mã Html - thẻ UL, OL, LI và DL</span> <br><img src='https://i0.wp.com/ktonanovenkogo.ru/wp-content/uploads/2013/10/formatirovanie-teksta-v-html.jpg' width="100%" loading=lazy loading=lazy><span>Phông chữ (Khuôn mặt, Kích thước và Màu sắc), Thẻ Blockquote và Pre - định dạng văn bản cũ ở dạng HTML thuần túy (không sử dụng CSS)</span> <br><img src='https://i1.wp.com/ktonanovenkogo.ru/wp-content/uploads/2013/10/html-tegi.jpg' width="100%" loading=lazy loading=lazy><span>Cách đặt màu trong mã Html và CSS, lựa chọn màu RGB trong bảng, đầu ra Yandex và các chương trình khác</p> <p>Iframe liên kết là một loại quảng cáo không ảnh hưởng đến giao diện trang web của bạn dưới bất kỳ hình thức nào. Nghĩa là, sẽ không có biểu ngữ, cửa sổ bật lên hoặc cửa sổ gây phiền nhiễu khác cho khách truy cập. Bạn sẽ được trả tiền chính xác cho khách truy cập vào trang web của bạn. Theo đó, mong muốn lượng người tham dự sẽ cao. Thu nhập cũng phụ thuộc vào nơi khách truy cập đến với bạn (công cụ tìm kiếm, dấu trang, v.v.). Tất nhiên, những khách truy cập được nhắm mục tiêu, tức là những người đến từ các công cụ tìm kiếm, sẽ trả tiền cao nhất. Nó cũng đóng một vai trò quan trọng đối với du khách đến từ quốc gia nào.</p> <p><b>Hãy cùng xem xét ưu và nhược điểm của loại hình quảng cáo này:</b> </p> <p><b>Ưu điểm:</b></p> <ol><li>Dễ dàng cài đặt. Bạn chỉ cần cài đặt mã liên kết trên tất cả (hoặc không phải tất cả) các trang của trang web.</li> <li>Thu nhập thụ động. Nghĩa là, đối với mỗi người dùng truy cập trang web của bạn, tiền sẽ được ghi có và bạn không phải làm gì cả.</li> <li>Không có biểu ngữ gây khó chịu hoặc .</li> <li>Thông thường, bất kỳ trang web nào cũng được chấp nhận.</li> <li>Họ chấp nhận lưu lượng truy cập từ ATS, lướt tự động, hộp trục, v.v.</li> <li>Chương trình giới thiệu.</li> </ol><p><b>Nhược điểm:</b></p> <ol><li>Virus. Một số iframe liên kết (cụ thể là các trang web của nhà quảng cáo) có chứa vi-rút, nhưng thông thường, bạn có thể cấm một trang web vi-rút khỏi tài khoản liên kết của mình.</li> <li>Chuyển hướng. Đôi khi xảy ra chuyển hướng đến các trang web khiêu dâm.</li> </ol><p><b>Danh sách các chi nhánh iframe:</b> </p> <ul><li>— chương trình liên kết lâu đời nhất và tốt nhất của loại hình này. Bạn có thể cấm các trang web có virus. Ngoài ra, khi thêm một trang web mới, tôi khuyên bạn không nên chọn hộp “Đăng tài nguyên trên trang web của tôi chưa được người kiểm duyệt xác minh”. Thu nhập sẽ ít hơn nhưng sẽ không có vi-rút, mặc dù nếu trang web của bạn được tạo ra chỉ để kiếm tiền thì tốt hơn là bạn nên tăng thu nhập. Chi phí lưu lượng truy cập 0,50 - 0,70 $ cho mỗi 1000 lượt truy cập. Bất kỳ trang web nào đều được chấp nhận. Tôi coi ưu điểm chính so với các chương trình liên kết tương tự khác là thanh toán ngay lập tức theo yêu cầu, nghĩa là bạn chỉ cần đặt hàng thanh toán (không có mức lương tối thiểu) và nó sẽ đến trong vòng một phút.</li> <li>— ngoài quảng cáo iframe, còn có các định dạng khác, chẳng hạn như popunder. Thanh toán: clickunder - 1wmz cho 1000 chuyển đổi duy nhất (tất cả các quốc gia ngoại trừ Trung Quốc), popunder - 3wmz cho 1000 chuyển đổi duy nhất từ Nga và 0,8wmz cho các quốc gia khác, chuyển đổi ẩn - 1wmz (tất cả ngoại trừ Trung Quốc) và iframe - 0,5-1,5wmz trên 1000 khách tham quan (giá có thể điều chỉnh). Số tiền rút tối thiểu là 3wmz theo yêu cầu trong vòng 48 giờ. Các khoản thanh toán tự động hoạt động theo cách tương tự. Chương trình giới thiệu - 5%. Hệ thống có robot ICQ (88-25-28) sẽ cho bạn biết về số liệu thống kê, chuyển đổi, v.v.</li> <li>- chương trình liên kết iframe cũ. Họ rất coi trọng chất lượng lưu lượng truy cập và hoạt động của quản trị viên web. Nếu bạn không hoạt động, tài khoản của bạn có thể bị xóa. Để trang web của bạn được chấp nhận, lưu lượng truy cập phải có ít nhất 100 khách truy cập mỗi ngày. Số tiền thanh toán tối thiểu là 1 đô la. Thanh toán cho 1000 đơn vị - 0,7$ từ Nga, 0,3$ từ Ukraine, 0,25$ Belarus, 0,05$ khác.</li> </ul><p>Cá nhân tôi không cộng tác với các chương trình liên kết iframe, nhưng nó phù hợp với người mới bắt đầu.</p> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> </div> <div class="comment_box" id="comments"> </div> </div> <div id="sidebar"> <div class="widget widget_nav_menu" id="nav_menu-2"> <div class="menu-mainmenu-container"> <ul id="menu-mainmenu-2" class="menu"> <li class="submenu"><a href="https://viws.ru/vi/category/internet/">internet</a> </li> <li class="submenu"><a href="https://viws.ru/vi/category/programs/">Chương trình</a> </li> <li class="submenu"><a href="https://viws.ru/vi/category/instructions/">Hướng dẫn</a> </li> <li class="submenu"><a href="https://viws.ru/vi/category/browsers/">Trình duyệt</a> </li> <li class="submenu"><a href="https://viws.ru/vi/category/windows-10/">Windows 10</a> </li> <li class="submenu"><a href="https://viws.ru/vi/category/android/">Android</a> </li> <li class="submenu"><a href="https://viws.ru/vi/category/ios/">iOS</a> </li> <li class="submenu"><a href="https://viws.ru/vi/category/communication/">Sự liên quan</a> </li> </ul> </div> </div> <div class="widget"> <div class="heading star">Bài viết mới nhất</div> <div class="popular_posts"> <div class="news_box"> <a href="https://viws.ru/vi/test-polochnoi-hi-fi-akustiki-srednei-cenovoi-kategorii-v-poiskah.html" class="thumb"><img width="95" height="95" src="/uploads/4a78f9dd11997c90d8ceb543ce0d42d6.jpg" class="attachment-mini size-mini wp-post-image" alt="Đi tìm âm thanh thực sự" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/vi/test-polochnoi-hi-fi-akustiki-srednei-cenovoi-kategorii-v-poiskah.html">Đi tìm âm thanh thực sự</a> </div> </div> </div> <div class="news_box"> <a href="https://viws.ru/vi/obzor-htc-one-m8-staryi-novyi-flagman-obzor-htc-one-m8---krasivyi-flagman-ot-htc-vse.html" class="thumb"><img width="95" height="95" src="/uploads/4b7bd500dd29e639d90c4dff16e9ee9d.jpg" class="attachment-mini size-mini wp-post-image" alt="Đánh giá HTC One (M8). Flagship cũ-mới. Đánh giá HTC ONE M8 - Flagship đẹp của HTC Tất cả các bản sửa đổi của htc one m8" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/vi/obzor-htc-one-m8-staryi-novyi-flagman-obzor-htc-one-m8---krasivyi-flagman-ot-htc-vse.html">Đánh giá HTC One (M8). Flagship cũ-mới. Đánh giá HTC ONE M8 - Flagship đẹp của HTC Tất cả các bản sửa đổi của htc one m8</a> </div> </div> </div> <div class="news_box"> <a href="https://viws.ru/vi/gromkaya-svyaz-na-noutbuke-kak-otklyuchit-vklyuchenie-gromkoi.html" class="thumb"><img width="95" height="95" src="/uploads/8c7c03958397fae9367958df0c0334ec.jpg" class="attachment-mini size-mini wp-post-image" alt="Bật loa ngoài trên Samsung Galaxy" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/vi/gromkaya-svyaz-na-noutbuke-kak-otklyuchit-vklyuchenie-gromkoi.html">Bật loa ngoài trên Samsung Galaxy</a> </div> </div> </div> <div class="news_box"> <a href="https://viws.ru/vi/kak-proverit-nalichie-shim-v-monitore-bolshoi-test-zhk-televizorov-ishchem-model.html" class="thumb"><img width="95" height="95" src="/uploads/8fbf4c509c2f496e01fb9e916022aac0.jpg" class="attachment-mini size-mini wp-post-image" alt="Thử nghiệm lớn về TV LCD: tìm kiếm mẫu không gợn sóng" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/vi/kak-proverit-nalichie-shim-v-monitore-bolshoi-test-zhk-televizorov-ishchem-model.html">Thử nghiệm lớn về TV LCD: tìm kiếm mẫu không gợn sóng</a> </div> </div> </div> <div class="news_box"> <a href="https://viws.ru/vi/vhod-v-adminku-wordpress-kak-popast-v-admin-panel-wordpress-gde-v-adminke.html" class="thumb"><img width="95" height="95" src="/uploads/2858f108d0cdbb7d1b58389099c93518.jpg" class="attachment-mini size-mini wp-post-image" alt="Cách truy cập bảng quản trị WordPress Vị trí trong bảng quản trị WordPress" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/vi/vhod-v-adminku-wordpress-kak-popast-v-admin-panel-wordpress-gde-v-adminke.html">Cách truy cập bảng quản trị WordPress Vị trí trong bảng quản trị WordPress</a> </div> </div> </div> </div> </div> <div class="widget"> <div class="heading star">Phổ biến</div> <div class="popular_posts"> <div class="news_box"> <a href="https://viws.ru/vi/rasshirenie-dlya-integracii-download-master-v-google-chrome-opera-i-drugie.html" class="thumb"><img width="95" height="95" src="/uploads/8724b748c8b14da05772a884fa3a1fc9.jpg" class="attachment-mini size-mini wp-post-image" alt="Loại bỏ (thêm) tích hợp Download Master trong các trình duyệt Internet Explorer, Chrome, Firefox, Opera, Safari, Netscape Navigator Tích hợp tiện ích mở rộng Download Master trong Moz" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/vi/rasshirenie-dlya-integracii-download-master-v-google-chrome-opera-i-drugie.html">Loại bỏ (thêm) tích hợp Download Master trong các trình duyệt Internet Explorer, Chrome, Firefox, Opera, Safari, Netscape Navigator Tích hợp tiện ích mở rộng Download Master trong Moz</a> </div> </div> </div> <div class="news_box"> <a href="https://viws.ru/vi/kak-uznat-chto-chelovek-zashel-vkontakte-kak-uznat-kto-zahodil-na-moyu-stranicu.html" class="thumb"><img width="95" height="95" src="/uploads/037ff2496e04b33136a28469395b7e4e.jpg" class="attachment-mini size-mini wp-post-image" alt="Làm cách nào tôi có thể biết ai đã truy cập trang VKontakte của tôi?" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/vi/kak-uznat-chto-chelovek-zashel-vkontakte-kak-uznat-kto-zahodil-na-moyu-stranicu.html">Làm cách nào tôi có thể biết ai đã truy cập trang VKontakte của tôi?</a> </div> </div> </div> <div class="news_box"> <a href="https://viws.ru/vi/proshivki-xiaomi-vazhnaya-informaciya-samostoyatelnaya-proshivka.html" class="thumb"><img width="95" height="95" src="/uploads/4ba4c0690d9f052998eed8c11bb5aedf.jpg" class="attachment-mini size-mini wp-post-image" alt="Tự cài đặt chương trình cơ sở cho điện thoại, điện thoại thông minh và máy tính bảng Xiaomi Bây giờ bạn có thể làm việc với chương trình cơ sở" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/vi/proshivki-xiaomi-vazhnaya-informaciya-samostoyatelnaya-proshivka.html">Tự cài đặt chương trình cơ sở cho điện thoại, điện thoại thông minh và máy tính bảng Xiaomi Bây giờ bạn có thể làm việc với chương trình cơ sở</a> </div> </div> </div> </div> </div> <div class="widget"> <div class="heading">Tin tức</div> <div class="business_news"> <div class="news"> <div class="date">2024-07-19 01:33:33</div> <a href="https://viws.ru/vi/huavei-meit-8-obzor-ne-gorit-i-ne-vzryvaetsya-tehnologii-mobilnoi-svyazi.html" class="title">không cháy hoặc nổ</a> </div> <div class="news"> <div class="date">2024-07-19 01:33:33</div> <a href="https://viws.ru/vi/planshet-dlya-chainikov-instrukciya-po-ispolzovaniyu-planshet.html" class="title">Máy tính bảng dành cho người mới sử dụng: hướng dẫn sử dụng Xem thông tin về thiết bị</a> </div> <div class="news"> <div class="date">2024-07-17 01:35:12</div> <a href="https://viws.ru/vi/sistemy-aktivnoi-reklamy-frame-ili-iframe-iframe-trafik-chto-takoe.html" class="title">Hệ thống quảng cáo hoạt động theo khung hoặc iframe</a> </div> <div class="news"> <div class="date">2024-07-14 01:31:28</div> <a href="https://viws.ru/vi/kodaki-pod-10-obzor-besplatnoi-versii-k-lite-codec-pack-chto-takoe-kodeki.html" class="title">Đánh giá phiên bản miễn phí của K-Lite Codec Pack</a> </div> <div class="news"> <div class="date">2024-07-14 01:31:28</div> <a href="https://viws.ru/vi/skachat-besplatnyi-antivirus-skachat-besplatnyi-antivirus-antivirusnaya.html" class="title">Tải phần mềm diệt virus miễn phí Antivirus tổng cộng 360</a> </div> </div> </div> <div class="widget ai_widget" id="ai_widget-5"> <div class='dynamic dynamic-13' style='margin: 8px 0; clear: both;'> </div> </div> </div> </div> </div> </div> <div id="footer"> <div class="fixed"> <div class="inner"> <div class="footer_l"> <a href="https://viws.ru/vi/" class="logo" style="background:none;">viws.ru</a> <div class="copyright"> <p>viws.ru - Tất cả về công nghệ hiện đại. Sự cố, mạng xã hội, internet, virus</p> <p><span>2024 - Bảo lưu mọi quyền</span></p> </div> </div> <div class="footer_c"> <ul id="menu-topmenu-1" class="nav"> <li><a href="https://viws.ru/vi/feedback.html">Danh bạ</a></li> <li><a href="">Giới thiệu về trang web</a></li> <li><a href="">Quảng cáo trên trang web</a></li> </ul> <div class="footer_menu"> <ul id="menu-nizhnee-1" class=""> <li id="menu-item-"><a href="https://viws.ru/vi/category/internet/">internet</a></li> <li id="menu-item-"><a href="https://viws.ru/vi/category/programs/">Chương trình</a></li> <li id="menu-item-"><a href="https://viws.ru/vi/category/instructions/">Hướng dẫn</a></li> <li id="menu-item-"><a href="https://viws.ru/vi/category/browsers/">Trình duyệt</a></li> </ul> <ul id="menu-nizhnee-2" class=""> <li id="menu-item-"><a href="https://viws.ru/vi/category/internet/">internet</a></li> <li id="menu-item-"><a href="https://viws.ru/vi/category/programs/">Chương trình</a></li> <li id="menu-item-"><a href="https://viws.ru/vi/category/instructions/">Hướng dẫn</a></li> <li id="menu-item-"><a href="https://viws.ru/vi/category/browsers/">Trình duyệt</a></li> </ul> </div> </div> </div> </div> </div> </div> <script type="text/javascript">jQuery(function($) { $(document).on("click", ".pseudo-link", function(){ window.open($(this).data("uri")); } );} );</script> <script type='text/javascript' src='https://viws.ru/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.9.2'></script> <script type='text/javascript' src='https://viws.ru/wp-content/plugins/table-of-contents-plus/front.min.js?ver=1509'></script> <script type='text/javascript' src='https://viws.ru/wp-content/themes/delo/assets/scripts/theme.js'></script> <script type='text/javascript'> var q2w3_sidebar_options = new Array(); q2w3_sidebar_options[0] = { "sidebar" : "sidebar", "margin_top" : 60, "margin_bottom" : 200, "stop_id" : "", "screen_max_width" : 0, "screen_max_height" : 0, "width_inherit" : false, "refresh_interval" : 1500, "window_load_hook" : false, "disable_mo_api" : false, "widgets" : ['text-8','ai_widget-5'] } ; </script> <script type='text/javascript' src='https://viws.ru/wp-content/plugins/q2w3-fixed-widget/js/q2w3-fixed-widget.min.js?ver=5.0.4'></script> <script async="async" type='text/javascript' src='https://viws.ru/wp-content/plugins/akismet/_inc/form.js?ver=4.0.1'></script> </body> </html>