Element
Frames
What does it do ? </p> <p>How to insert a page into an HTML page</span>? To do this you need to use <iframe>, which creates an inline frame in the current document that displays another HTML document.</p> <p>Display</p> <p>Display block.</p> <p>Example code</p> <p><span class="owsfdh4gxyc"></span></p> <h2>Powerful yet easy to use</h2> <p>Back in the bad old days there was a lot of web design <frame>elements that spoil the life of every developer. They were almost always a bad design approach. Fortunately, element <frame>has been deprecated in HTML5. But <iframe>or " <span>inline frame</span>» is still available. Will it be deprecated in the next version? Maybe we should avoid it? There are several valid uses of this element when creating an HTML page. But you need to understand what it is and how it works to avoid mistakes.</p> <h3>Similarities and differences <iframe>And <frame></h3> <p>Both of these elements allow you to create a separate HTML document. A link to the content of the document referenced by the current web page is specified in the src attribute.</p> <p><!-Вы можете сделать так --> <iframe src="http://example.com"> <!DOCTYPE html> <html> <head> . . . </head> <body> . . . </body> </html>
The main difference between And <frame>thing is <iframe>ensures compliance with the rule that the HTML document is a priority. Content <iframe>appears inside an element that is part of the current document. As an example, consider this embedded video taken from YouTube:</p> <p><span class="M2kSJbLbIgQ"></span></p> <p>The video is clearly on the HTML page and not in a separate panel. element broke this paradigm and allowed the document to exercise control over the browser window, breaking it into several small panels (frames), each of which displays a separate document. All other differences between and follow from this basic difference.</p> <h3>Don't remake frame-based layouts with iframes</h3> <p>Someday you may be faced with the task of updating an old website that was built using frames. You might want to use <iframe>and a fixed layout width to recreate the same nightmare of independent panels and sills. But you won't be able to use the target attribute to open a link in a separate frame. You can start looking for JavaScript solutions. Please, do not do that.</p> <h3>Good (and terrible) uses <iframe></h3> <p>There are several valid use cases <iframe>to create an HTML page:</p> <ul><li>embedding third-party media content;</li> <li>embedding your own media content through a cross-platform document;</li> <li>embedding code examples;</li> <li>embedding third-party “applets” as forms of payment.</li> </ul><p>Here are some terrible use cases: <iframe>:</p> <ul><li>Photo gallery;</li> <li>forum or chat.</li> </ul><p>If you need to embed independent, pre-existing HTML documents into the current one, use <iframe>. If you're building everything from scratch, there's no reason to split the page design into multiple separate documents. Especially if they aren't actually independent pieces of content.</p> <h3>iframe attributes</h3> <table border="1"><tbody><tr><td><span>Attribute name</span> </td> <td>Meaning</td> <td>Description</td> </tr><tr><td>sandbox</td> <td>Allow-same-origin <br>Allow-top-navigation <br>Allow-forms <br>Allow-scripts</td> <td>Sets a number of restrictions on the content loaded into the frame. Set before <span>how to create an HTML page.</span> </td> </tr><tr><td>scrolling</td> <td>yes no auto</td> <td>Determines whether to show scrolls in the frame or not. Deprecated in HTML5. Use CSS instead.</td> </tr><tr><td>Name</td> <td>Name</td> <td>Specifies the name of the frame.</td> </tr><tr><td>Align</td> <td>left right top <br>middle bottom</td> <td>Determines the frame's alignment relative to surrounding elements. Is outdated. Use CSS instead.</td> </tr><tr><td>frameborder</td> <td>yes (or 1) <br>no</td> <td>Used to enable the display of a border around the frame. Deprecated in HTML5. Use CSS instead.</td> </tr><tr><td>longdesc</td> <td>URL</td> <td>Used to specify the URL of a page that contains a long description of the contents of the frame. Is outdated. Use CSS instead.</td> </tr><tr><td>marginwidth</td> <td>pixels</td> <td>Used to control the width of the padding from the content to the frame border. Is outdated. Use CSS instead.</td> </tr><tr><td>src</td> <td>URL</td> <td>Specifies the document URL to display in the IFRAME.</td> </tr><tr><td>vspace</td> <td>pixels</td> <td>Sets the vertical margins from the frame to the surrounding content. Is outdated. Use CSS instead.</td> </tr><tr><td>width</td> <td>pixels %</td> <td>Defines the width of the frame on an HTML page.</td> </tr></tbody></table><p>This publication is a translation of the article “ <iframe>", prepared by the friendly project team</p> <p>Hello! There are a huge number of affiliate programs on the Internet that allow you to make money on your website.</p> <p>In today’s post we will look at affiliate programs that buy traffic from webmasters, and also find out the attitude of search engines towards this type of earnings. <br><br>In order not to be left on the sidelines, I put two of my sites into such a system and decided to see how the purchase of traffic would affect the position of my projects on the network. But first things first, read the post carefully and to the end.</p> <p>The outline of the article will be as follows:</p> <p><i>1. What is a traffic buyout?</i><br><i>2. In what ways do visitors buy;</i><br><i>3. Why is this method of making money dangerous for a website or blog?</i><br><i>4. My experience with the traffbiz system.</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>First. What is a traffic buyout?</b></p> <p>One way to increase site traffic for money is to buy the required number of visitors from other sites.</p> <p>For example, I need to increase traffic to this site in order to later convert it into another source of profit, or maybe someone just needs to increase the counter.</p> <p>To do this, we go to exchanges that buy them from other sites and pay a certain amount for each visitor (1000 people is approximately equal to 3 dollars).</p> <p>Each exchange specializes in a specific type of traffic (mobile, RU-traffic, foreign), the prices are also different.</p> <p>There are a huge variety of such services online, so you will have plenty to choose from, but I urge you to use this method as a last resort; it’s better to work on increasing traffic naturally, and the article “” will help you with this.</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>- this is when a service redirects visitors from one site (selling traffic) to another site (buying), while charging a fee for providing such services.</p> <p><b>Second.</b></p> <p>In what ways do they buy visitors?</p> <p>There are many ways to buy traffic from a website. Starting with pop-up banners and ending with installing the iframe script: <br>- PopUnder; <br>— ClickUnder;</p> <p>— Iframe;</p> <p>PopUnder. A “floating banner” is placed on the site (“floating” means that this banner will always remain in the visitor’s field of view. If you scroll the page with the mouse, then the banner will “float” after you).</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>Such banners are usually located in the upper right corner. When the visitor wants to close it and clicks on the “close” sign, the advertiser’s website will load at that time.</p> <p>ClickUnder. Sites that make money on clickunder do not have any floating banners, extraneous windows or advertising. The visitor can safely view the information until he makes any click (not necessarily on a link). <span>I decided not to bypass this type of income and added this affiliate program to one of my blogs. I’ll tell you what came out of this in the next post, and I’ll also give a detailed review of popular services, the main thing</span>!</p> <p>do not miss</p> <p><b>Iframe. One of the most tempting ways to make money is by selling your traffic to other sites. You only need to install a special code, and if it gets to your project, nothing will pop up and distract attention from reading the material. However, at this time another site, and maybe several, will be loaded.</b></p> <p>A few years ago, when working with exchanges to buy traffic, you didn’t have to worry about your sites ranking in the TOP of search engines. But everything comes to an end, and it came in 2009, when Yandex announced that sites with PopUnder and ClickUnder advertising would be lowered in the system's search results.</p> <p>Since ransom services use java script, and it, in turn, is perfectly indexed by search engine robots, as a result the site flies down the 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>On one forum, a webmaster offered a solution to this problem. It consisted in the following: search engine robots cannot recognize the code of flash files.</p> <p>To do this, you need to look for affiliate programs that display flash advertising, but you shouldn’t be too happy here, since if PSs haven’t learned how to do this yet, then it’s a matter of time. it's a matter of time</p> <p><b>Fourth.</b></p> <p>My experience with the Traffbiz system</p> <p>Having learned about this way of making money as iframe affiliate programs, where you can sell your traffic, while nothing will irritate the visitor, as in PopUnder and ClickUnder, I began to try it on myself.</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>I found online exchanges that work on this principle and settled on Traffbiz (ATTENTION, this site no longer works, but the principle of its operation is similar to similar ones), they pay for impressions of their counter at a price of $1.6 per 1000 impressions.</p> <p>I took two experimental sites that had low traffic (60 people per day) and domain age (1 year). I registered, by the way, they take all sites into the system with a minimum wage of 10 uniques per day.</p> <p>If you want to withdraw your earned money, you will have to wait for a minimum of $3. But not even a few days had passed before the first inconveniences appeared.</p> <p>One of my sites is made in html, so I need to manually update the system code once every two weeks, and sometimes earlier (those who have created sites in html will understand me).</p> <p>It turns out that I need to open each page and change the system code in it. My site consists of 50 pages, so I don’t really want to repeat the same movements 50 times several times a month, but I’m working hard for the sake of the experiment.</p> <p>It was easier with the second site. It is made on the WordPress engine, so adding the code once you can forget about it.</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>Here are the statistics on the sale of your traffic on experimental sites.</p> <blockquote> <p>As you can see, the system does not buy all visitors in a row, but selects exclusively RU traffic. The script that I installed is capable of redirecting my visitors to other people's sites.</p> <p>— Sale of RU traffic and them at a price of $2.6 per 1000 transitions (let me remind you that the purchase is $1.6 for the same 1000);</p> <p>— Selling visitors from Kazakhstan and Ukraine at a price of $2 per 1000 transitions (let me remind you that they do not buy this traffic from you);</p> <p>— Selling the rest of the traffic at a price of $1 per 1000 transitions (let me remind you that they do not buy this traffic from you);</p> </blockquote> <p>As you can see, they get a good return on the money spent, but personally, I don’t like only two factors in this exchange.</p> <p>1) Yandex considers their code to be potentially malicious and that such sites distribute viruses. On both sites I closed the system code in noindex tags.</p> <table><tr><td class="code"> <noindex><<span>/noindex></span> </td> </tr></table><p><noindex></noindex></p> <p>However, this did not help and the WordPress site was the first to give up, almost immediately after a couple of ups. Further, this was taken into account for the website in html.</p> <p>What I do in this case: I delete the script from traffbiz on the sites and wait until Yandex considers the sites “good” (about 5 days pass), and then I install the script again.</p> <p>2) The site receives traffic. Yandex deliberately underestimates projects in the TOP search results, which pose a danger to users.</p> <p>Hello, dear readers of the blog site. Today we will talk about frames in HTML. It’s clear that we’ll start from the beginning, namely with what kind of animal this is. We’ll also talk about the present (Frame) and future (Iframe) of these elements in the current version of the hypertext markup language and in the new Html 5 standard with .</p><p>At the end of the article, after a detailed description of the process of creating built-in frames and their classic structure in Html code (already rarely used), we will touch on the relevance of building a site on them, and also discuss possible ways of using them in the current period of time using the example of my blog.</p><h2>What is it and how does Iframe differ from Frame?</h2><p>What is it? It turns out that they can be used not only on websites, but also in any applications to programs, but they differ in that the window of a web page or application will be divided into several areas, into each of which a separate document is loaded. Moreover, these frame areas behave independently of each other.</p><p>Probably the most obvious example of their use, which almost all of you have encountered, are the so-called help files that many programs installed on your computer have.</p><p><img src='https://i2.wp.com/ktonanovenkogo.ru/image/chto-takoe-freim.png' width="100%" loading=lazy loading=lazy></p><p>The file with the help menu is loaded into the left window, and the document corresponding to the selected menu item is displayed in the right window. It is noteworthy that this structure allows you not to re-load the file with the menu into the left window when opening a new document in the right one. This is exactly what it consists of <b>main advantage of using frames</b> in HTML.</p><p>Actually, the very name of these elements should be interpreted as an independent window. With the help of frames, we have the opportunity to split one large window into several fragments, which in turn can serve as receivers for separate documents independent of each other (pages, texts, images, videos, etc.).</p><p>How is a frame structure created in hypertext markup language? If we talk about the Html 4.01 standard (according to the classification), which is the main one at the current time, then three elements are used for this - Frame, Frameset and Noframes.</p><h3>Iframe - built-in frame in the Html 5 standard</h3><p>If we talk about the Html 5 standard (our future, some elements of which are already supported by many browsers), then there will no longer be Frame, Frameset and Noframes tags, as well as the classic frame structure; instead, there will be one single Iframe tag (embedded frame) , which we’ll talk about at the beginning, and then we’ll turn our attention to the classic scheme from version 4.01, which is actually in use now.</p><p>Iframe, unlike the classics discussed below, does not require replacing the Body tag with Frameset tags. Those. this tag can be inserted on regular pages, for example, inside a paragraph or anywhere else. At its core, this element is very similar to the Img tag we have already considered.</p><p>It is an inline element with replaceable content because it behaves exactly like an inline element, but it displays <b>extraneous external content</b>. There are only four such elements in the HTML language - Img, Iframe, Object and Embed. Therefore, our hero implies the presence of an external file that will be loaded into an area whose size is set using the attributes of this tag.</p><p>That. An Iframe is a sink element into which an external object (such as a video) is loaded. And to indicate the path to this file, which should be loaded on the page, use the special Src attribute. But unlike Img, the Iframe element is paired, i.e. <b>there is also a closing tag</b>:</p><p> <span class="fHaAsFZL1nQ"></span> </p><p>This example shows the output on a Youtube video page using an Iframe. In order to limit the area of the frame (window) where the external file will be loaded, attributes are provided <b>Width and Height</b>, whose values are specified in pixels:</p><p> <span class="fHaAsFZL1nQ"></span> </p><p>Those. this tag creates an area into which some external object is loaded (it doesn’t matter whether it’s from your site or from another resource). The width and height of the area are specified using Width and Height, and the Src attribute specifies the path to this object.</p><p>The Iframe element inherited all these attributes from similar inline tags with replaced content (such as the Img already mentioned above). Well, he also took attributes from the pictures <b>Hspace and Vspace</b>, which allow you to set indents from the borders of the frame to the text that wraps around it.</p><p>It is also significant that the alignment of the built-in frame is carried out in exactly the same way as we could see when studying images in Html - . All the same <b>Align</b>, but for the Iframe tag with possible values Bottom, Top, Middle, Left and Right.</p><p>But this element also took several attributes from the Frame tag from the classic frame structure, which we will talk about in great detail below in the text. These attributes include Name, the value of which can be used as a value so that the document you need when clicking on a link opens in the window of this frame (read more below).</p><p>Also in Iframe, the Frameborder attribute migrated from the Frame tag, which has only two values - either 0 (the frame around the frame is not displayed) or 1 (the frame is visible). The default value is Frameborder=1, so to remove it you will need to enter Frameborder="0":</p><p> <span class="fHaAsFZL1nQ"></span> </p><p>The Scrolling attribute has also been transferred from Frame to this element, which has a default value of Auto - scroll bars in the frame will appear as needed when the content is larger than the size of the window intended to display it.</p><p>Well, the Marginwidth and Marginheight attributes also moved from the Frame element. They will be discussed in detail below in the text, but in a nutshell - they allow you to set the indentation in width and height from the edges of the frame to the content that is placed in it.</p><p>As I already mentioned, a clear example of using an Iframe is:</p><p><img src='https://i2.wp.com/ktonanovenkogo.ru/image/iframe-video.png' width="100%" loading=lazy loading=lazy></p><p>By inserting an Iframe directly into a web page, you will receive an output of a video from YouTube. We conclude that this element is a cross between inline elements with replaced content and, in fact, classic frames, which we will now discuss.</p><h2>Frames based on Frame and Frameset tags - their structure</h2><p>So, creating a classic frame structure begins with what you write in the Html code instead of the opening and closing Body tag, which usually should be present in any document, replacing it with an element-based container <b>Frameset</b>.</p><p>The fundamental point is that the Body element cannot be used in this case - either Body (for a regular document) or Frameset (when creating a document frame structure):</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>Each frame that we create inside the main one is created using a separate element <b>Frame</b>. This tag is single and in it we set the path to the document that will be loaded into this window.</p><p>The third element that we have not yet touched upon is <b>Noframes</b>. It is paired and allows you to write some text inside, which will be processed by the browser and displayed on a web page only if this same browser (or other display device) does not support frames. This can happen, for example, if you are using a browser for mobile devices.</p><p>Usually, Noframes add not only information about the current situation with the impossibility of processing the frame structure, but also add the ability to go to other pages, where you can continue working without using them. It’s difficult to say anything else about him, so let’s continue.</p><p>It turns out that the Frameset element, used instead of the Body tag, takes up all the space allocated for the viewing area, and frames will be created inside this area using individual Frame elements. In this regard, the question arises - how to divide the viewing area between separate windows or, in other words, how to set the size of each of them.</p><p>This is done by adding the appropriate attributes to the Frameset element. There are two of them - <b>Cols and Rows</b>. Cols sets the division of a large window into vertical frames or columns, and Rows allows you to divide it into horizontal windows or rows.</p><h3>Creating a structure based on Frameset and its Cols and Rows attributes</h3><p>The values for Cols and Rows of the Html Frameset tag are numbers separated by commas (without spaces). These numbers set the proportions of the windows that we want to get as a result. Therefore, no matter how many comma-separated numbers are written in Cols or Rows, the number of frames we have will be the result.</p><p>For example, using this entry we will get three vertical columns whose width will correspond to the proportions 2:5:3.</p><p> <frameset cols="20%,50%,30%"> </p><p>Since we have set the proportions for three frames, we will have to include three Frame elements between the opening and closing Frameset tags, at least without specifying additional attributes:</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>As a result, our frame structure, consisting of three empty windows, will look like this:</p><p><img src='https://i1.wp.com/ktonanovenkogo.ru/image/frame.png' width="100%" loading=lazy loading=lazy></p><p>In this example, we set the window sizes (Frame) using percentages, which are taken from the width of the viewing area (this is the case when using Cols) or from its height (Rows). When changing the viewport, the percentage relationship between frame sizes will be maintained. But instead of percentages, you can also use simply numbers that will mean. Here, I think, no difficulties in understanding should arise either.</p><p>But there is also a rather unusual option in the size designations, which looks like <b>asterisk "*"</b>. Moreover, it can be either just “*” or an asterisk with a number in front, for example, “3*”. A clever little thing that is very similar to percentages and means that we divide the Frame space proportionally.</p><p>Let's look at an example. Now let's choose to divide the viewport into horizontal rows using Rows:</p><p> <frameset rows="200,500,*"> </p><p>What does this entry mean? The entire viewing area available to us vertically will be divided into three lines. The height of the first will be taken at 200 pixels, the second - at 500, but the third line will occupy all the remaining space in height, because “*” was used as its size.</p><p>What is noteworthy is that the values “*” and “1*” mean the same thing - we divide all the remaining space into one and give this one part to this frame (well, that is, all the remaining space).</p><p>But look what happens if you use the value “*” with a number to divide in proportion:</p><p> <frameset rows="2*,100,4*"> </p><p>What do you think the dimensions of the Frame will be in this case? It is clear that the second line will definitely have a height of 100 pixels. But how will the remaining space be divided in height between the third and first row?</p><p>It’s quite easy to calculate - just add four (4*) to two (2*) and divide by this denominator (remember fractions from the school curriculum) two and four. Those. we get that the first column with a frame will take up one third of the remaining space in height, and the third column will take up two thirds. Or, in other words, the third will be twice as high as the first:</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>You can use all three ways to size frame windows in one attribute, for example:</p><p> <frameset cols="10%,100,4*,3*,2*"> </p><p>As a result, we will get the first Frame column with a width of ten percent of the entire available area, the second - 100 pixels, and the remaining three will have a width in the proportions of four, three and two-ninths of the remaining width space. So everything is simple and clear.</p><p>If you want to split the main window not only into horizontal and vertical frames, but, for example, into their combinations, then you can use the nested structure of Frameset elements separately for columns and separately for rows. For example, to get the structure shown in the screenshot below, it is enough to use the following construction:</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>Those. first, we use “frameset cols=”20%,80%"“ to split all the available space into two columns vertically and set the contents of the right column with the “frame” tag, but instead of adding a “frame” element for the left column, we open a new “frameset rows=“10%,*”".</p><p>And with the help of it we split the right column into two lines with frames, the contents of which are set using two “frame” tags, after which we close both “frameset” containers. Everything is simple and logical.</p><h3>Specify the path in the Src attribute of the Frame element</h3><p>But we all talked about the Frameset element and its Cols and Rows attributes, with the help of which we form the structure and set their sizes. Now let's figure out how to display the necessary documents in the required frames and how to configure the interaction between their windows.</p><p>So how do we control the appearance of the windows we create? All this is contained in the attributes of the Frame tag. The first one worth mentioning is <b>Src</b>. We have already seen it in the Img tag when we looked at inserting images into Html code. Its essence has not changed and it still allows you to specify the path to the document that should be loaded into the frame.</p><p>The path to the document in Src can be specified as . Relative paths are usually used for a document that is located on your own resource, but you will need absolute paths when you want to load a document from another site into a frame window.</p><p>If the Src attribute indicating the path to the desired document is not specified, then an empty document will be loaded into the window. Personally, I once did a similar thing for my blog (as an additional navigation element) and at the same time created a separate folder for it on the hosting server and placed there not only an Html file with a frame structure (which I called index.html), but also all loaded into various document windows, as well as image files that were used as backgrounds.</p><p>Therefore, it was easiest for me to use relative links in the Src attribute of the Frame tag:</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>What’s noteworthy is that if you replace all the links given in this code from relative to absolute (such as https://site/navigator/joomla.html) and open this file in a browser, then the documents specified in Frame will be loaded from my server and you will see a similar image in your browser. Moreover, it does not matter where your file with the frame structure (index.html) will be located - on your computer or on the hosting.</p><p>In the example shown in the figure, a page with a certain menu, which is a regular menu, is loaded into the window of the left frame. But what matters is not how the menu is formed, but what happens after clicking on any of its links.</p><p>If you do this, then everything will happen exactly as it should - the document will open in the lower right window. But for this I had to use one little trick, because in the default version the document opened to the entire size of the window, replacing the frame structure, which I did not need at all, because the navigation menu in the left and top frames disappeared.</p><h2>How to open documents via a link in a frame</h2><p>So, when we talked about hyperlinks, we mentioned the “A” tag attribute as Target=_blank. Do you remember what it is for? It's correct to open the linked document in a new window. By default, it should open in the same window, which is equivalent to target="_self".</p><p>But these are opportunities <b>Target</b> are not limited. It turns out you can add a value to it <b>as a frame name</b>, which is pre-specified in the special Name attribute of the Frame tag. Then the document via this link will not open in the same window, occupying all its space, but in the Frame you specified. It's clear? If not entirely, then it will become clear now when we analyze the example.</p><p>So, let's return to our example shown in the figure just above. We need to open pages using links from the left window in the lower right (large) frame. Therefore, first you need to give this large window a name using the Name attribute in the Frame tag.</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>They made it and called it “ktona”. Now you can safely open the file that is loaded as a menu in the left window and add the Target="ktona" attribute to all A tags in it:</p><p>The history of Joomla and the VirtueMart component</p><p>Of course, with the help of the search and replace tool, it will not be difficult to put it for all hyperlinks, but why load the code unnecessarily when we have a great opportunity to use <b>special Base tag</b>, which we already mentioned in the same article about hyperlinks, when we talked about using Target blank.</p><p>It is enough just to place the base target="ktona" element between the opening and closing Head tags and all links in the Html code of this document will open new pages in the specified frame called "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>By the way, if we consider my once existing tool as an example, then we still need to make sure that all the links from the top horizontal window open their pages in the left vertical frame, which serves as my left menu. What needs to be done for this?</p><p>Well, first, you need to give the left vertical frame a name:</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>And in the file that is loaded into the top window (gor.html), you need to add the base target="gor" element:</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>That's it, now we've done everything right. All documents following links from the top frame open in the left window, and all links from it will open documents in the central and largest Frame. In my opinion, everything is simple and logical.</p><h3>Frame tag attributes for customizing the appearance of windows</h3><p>Let's now see what attributes other than Src and Name can be used in the Frame tag to customize the appearance of frames. Let's start with <b>Scrolling</b>. Using it, we can configure the display of scroll bars for each window of your frame structure separately.</p><p>Scrolling has a default value of Auto - the browser will automatically decide, based on the size of the document loaded into the frame, whether to display a scroll bar or not. If the document does not completely fit into the window, a scroll bar will appear, allowing you to view it all to the end.</p><p>You can also use the values Yes (scroll bars in the window will always be displayed, even if the document completely fits into it) and No (scroll bars will never appear at all, even if part of the document does not fit) as values for Scrolling.</p><p> <frame scrolling="yes" src="gor.html"> </p><p>In my once existing tool, I used the default value of Auto and scroll bars in frames appeared as needed:</p><p><img src='https://i0.wp.com/ktonanovenkogo.ru/image/freim.png' width="100%" loading=lazy loading=lazy></p><p>The following attribute of the Frame tag is <b>Noresize</b>- is single (it has no values). By registering it, you will thereby prohibit changing its size, which by default is done by simply dragging the border of the frames with the mouse.</p><p> <frame noresize src="gor.html"> </p><p>When you move the mouse cursor to the border, you will see that the cursor will turn into a double-headed arrow and now, by clicking on the left mouse button, you can move the border as you wish. Noresize imposes a ban on this willfulness (when you move the mouse cursor to the border of the windows, you will no longer see the bidirectional arrow).</p><p><img src='https://i2.wp.com/ktonanovenkogo.ru/image/freimy.png' width="100%" loading=lazy loading=lazy></p><p>Another visual attribute is <b>Frameborder</b>. Using it, you can specify whether to draw a frame (border) between frames or not to draw. Frameborder can have only two possible values - either 0 (do not draw a frame) or 1 (show a border). The default value, of course, is 1.</p><p>There is one subtlety. If you want to remove the visible border, then you will have to add Frameborder=0 to all Frame tags of the frames between which you want to remove the visible borders.</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>Well, we still have to consider a couple of attributes of the Frame tag - <b>Marginwidth and Marginheight</b>, which set the padding in width (right and left) and height (top and bottom) from the borders of the window to the content loaded into it (the number means the number of pixels of padding):</p><p><img src='https://i0.wp.com/ktonanovenkogo.ru/image/iframe-freimy.png' width="100%" loading=lazy loading=lazy></p><h2>Why can't you make a website on frames?</h2><p>Let's see what the fundamental drawback of classical structures is, which essentially puts an end to their use when creating a website. It consists in the fact that according to this frame structure <b>it is impossible to track her condition</b>.</p><p>Complex structures can have thousands of different states (variants of documents opened in different frame windows), but the Url address of this very structure does not change. Because of this there will be <b>Can't use browser bookmarks</b> or send links to your favorite pages to other users. Why?</p><p>Because the address remains unchanged and when you open it from your browser bookmarks, or from an email, you will receive a page with the starting state of the frame structure, and not the state that you would like to save.</p><p>Although, of course, this problem can be solved, but not with HTML tools, but with the help of server (for example, Php) or client programming languages (JavaScript), and these solutions will not be one hundred percent efficient. Such solutions, in fact, allow you to add additional data about its current state to the Url address of the frame structure, but this is not easy to do, and the reliability will not be absolute.</p><p>This is the first disadvantage of using frames to create websites and is very significant, but there is another huge disadvantage. Search engines, of course, have long learned to index them and extract from them the addresses of those documents that are loaded into their windows. The problem is different.</p><p>When a user goes from Yandex or Google search results to your website built on the basis of a frame structure, only the document that was loaded into one of the frames will open, and not the entire structure. Do you understand what I'm talking about?</p><p>The user will see the document and <b>will not see navigation on your site</b>, because it will be protected in other windows, and they are loaded only as part of the entire structure.</p><p>As a result, a site built on frames simply becomes unusable. Although, again, there are solutions to this problem based on server scripts, when a redirect will be carried out from the addresses of individual documents to a frame structure that is in the desired state, but this is again very difficult and not always reliable.</p><p>In general, the conclusion can be drawn unambiguously - <b>There is no need to create websites on frames</b>. But they are constantly used to create help for various applications, and they can come in handy in other small things.</p><p>For example, I created a frame structure, which I called “Navigator” (now it has been temporarily removed) and which has become a kind of expanded external menu for my blog, which, it seems to me, should simplify working with the resource and, therefore, improve the “ no nonsense" have a very, very strong influence on the promotion of the site.</p><p>But, however, in order to avoid any problems with search engines, I closed this entire frame structure from view, and also, just in case, added the Rodots meta tag to all its Html files, prohibiting their indexing:</p><p> <head> <meta name="robots" content="noindex,nofollow"> <base target="ktona"> <meta charset="utf-8"> <title>JOOMLA</title> </head> </p><p>But all these restrictions apply only to structures on the Frame and Frameset tags, and <b>embedded frames on Iframe tags</b> do not have any visible flaws, and they can and even should be used on your projects, at least for inserting videos from YouTube.</p> <p>Good luck to you! See you soon on the pages of the blog site</p><h3></h3><p>You might be interested</p><p><img src='https://i0.wp.com/ktonanovenkogo.ru/wp-content/uploads/2013/10/doctype.jpg' width="100%" loading=lazy loading=lazy><span>Comment directives and Doctype in Html code, as well as the concept of block and inline elements (tags)</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>Embed and object - Html tags for displaying media content (video, flash, audio) on web pages</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 - Html tag for inserting a picture (Src), aligning and wrapping text around it (align), as well as setting a background (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>What is hypertext markup language Html and how to view a list of all tags in the W3C validator</span> <span>Select, Option, Textarea, Label, Fieldset, Legend - Html tags for the form of drop-down lists and text fields</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>Lists in Html code - UL, OL, LI and DL tags</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>Font (Face, Size and Color), Blockquote and Pre tags - legacy text formatting in pure HTML (no CSS used)</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>How colors are set in Html and CSS code, selection of RGB shades in tables, Yandex output and other programs</p> <p>Affiliate Iframe is a type of advertising that does not in any way affect the appearance of your site. That is, there will be no banners, pop-ups or other annoying window visitors. You will be paid precisely for visitors to your site. Accordingly, it is desirable that the attendance be high. Earnings also depend on the place where the visitor came to you (search engines, bookmarks, etc.). Of course, targeted visitors, that is, those who came from search engines, pay the best. It also plays a role from which country the visitor came from.</p> <p><b>Let's look at the pros and cons of this type of advertising:</b> </p> <p><b>Pros:</b></p> <ol><li>Easy to install. You just need to install the affiliate code on all (or not all) pages of the site.</li> <li>Passive income. That is, for each user who visits your site, money will be credited and you don’t have to do anything.</li> <li>No annoying banners or .</li> <li>Most often, any site is accepted.</li> <li>They accept traffic from ATS, autosurfing, axleboxes, and so on.</li> <li>Referral program.</li> </ol><p><b>Minuses:</b></p> <ol><li>Viruses. Some affiliate iframes (specifically advertiser sites) contain viruses, but most often you can ban a viral site from your affiliate account.</li> <li>Redirects. Sometimes redirects to porn sites occur.</li> </ol><p><b>List of iframe affiliates:</b> </p> <ul><li>- the oldest affiliate program of its kind and the best. You can ban sites that have viruses. Also, when adding a new site, I advise you not to check the box “Post resources on my site that have not been verified by moderators.” The income will be less, but there will be no viruses, although if your site was created only to make money, then it is better to increase the income. Traffic cost 0.50 - 0.70 $ per 1000 unique visits. Any sites are accepted. I consider the main advantage over other similar affiliate programs to be immediate payments upon request, that is, you just need to order a payment (there is no minimum wage) and it will arrive within one minute.</li> <li>— in addition to iframe advertising, there are other formats, for example, popunder. Payment: clickunder - 1wmz for 1000 unique transitions (all countries except China), popunder - 3wmz for 1000 unique transitions from Russia and 0.8wmz for other countries, hidden transitions - 1wmz (all except China) and iframe - 0.5-1.5wmz per 1000 visitors (price can be adjusted). The minimum amount for withdrawal is 3wmz upon request within 48 hours. Auto payouts work the same way. Referral program - 5%. The system has an ICQ robot (88-25-28) that will tell you about your statistics, transitions, etc.</li> <li>- old iframe affiliate program. They take the quality of traffic and the activity of webmasters very seriously. If you are not active, your account may be deleted. For your site to be accepted, traffic must be at least 100 visitors per day. The minimum payout amount is $1. Payment for 1000 uniques - 0.7$ from Russia, 0.3$ from Ukraine, 0.25$ Belarus, 0.05$ other.</li> </ul><p>Personally, I don’t collaborate with iframe affiliate programs, but it’s just right for beginners.</p> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast?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/en/category/internet/">Internet</a> </li> <li class="submenu"><a href="https://viws.ru/en/category/programs/">Programs</a> </li> <li class="submenu"><a href="https://viws.ru/en/category/instructions/">Instructions</a> </li> <li class="submenu"><a href="https://viws.ru/en/category/browsers/">Browsers</a> </li> <li class="submenu"><a href="https://viws.ru/en/category/windows-10/">Windows 10</a> </li> <li class="submenu"><a href="https://viws.ru/en/category/android/">Android</a> </li> <li class="submenu"><a href="https://viws.ru/en/category/ios/">iOS</a> </li> <li class="submenu"><a href="https://viws.ru/en/category/communication/">Connection</a> </li> </ul> </div> </div> <div class="widget"> <div class="heading star">The last notes</div> <div class="popular_posts"> <div class="news_box"> <a href="https://viws.ru/en/sistemy-aktivnoi-reklamy-frame-ili-iframe-iframe-trafik-chto-takoe.html" class="thumb"><img width="95" height="95" src="/uploads/f1717f303d0dc3da7ea62ab09745371a.jpg" class="attachment-mini size-mini wp-post-image" alt="Frame or iframe active advertising systems" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/en/sistemy-aktivnoi-reklamy-frame-ili-iframe-iframe-trafik-chto-takoe.html">Frame or iframe active advertising systems</a> </div> </div> </div> <div class="news_box"> <a href="https://viws.ru/en/kodaki-pod-10-obzor-besplatnoi-versii-k-lite-codec-pack-chto-takoe-kodeki.html" class="thumb"><img width="95" height="95" src="/uploads/99bdd1ac023960688985ecbcdb6b6da4.jpg" class="attachment-mini size-mini wp-post-image" alt="Review of the free version of K-Lite Codec Pack" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/en/kodaki-pod-10-obzor-besplatnoi-versii-k-lite-codec-pack-chto-takoe-kodeki.html">Review of the free version of K-Lite Codec Pack</a> </div> </div> </div> <div class="news_box"> <a href="https://viws.ru/en/skachat-besplatnyi-antivirus-skachat-besplatnyi-antivirus-antivirusnaya.html" class="thumb"><img width="95" height="95" src="/uploads/33f15dbd247abfcbfe2e8659fc4f1ea7.jpg" class="attachment-mini size-mini wp-post-image" alt="Download free antivirus Antivirus program total 360" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/en/skachat-besplatnyi-antivirus-skachat-besplatnyi-antivirus-antivirusnaya.html">Download free antivirus Antivirus program total 360</a> </div> </div> </div> <div class="news_box"> <a href="https://viws.ru/en/prichiny-ne-vklyucheniya-telefona-samsung-chto-delat-esli-ne.html" class="thumb"><img width="95" height="95" src="/uploads/df6ffdf588355a211a28b30c87800036.jpg" class="attachment-mini size-mini wp-post-image" alt="What to do if your phone won't turn on" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/en/prichiny-ne-vklyucheniya-telefona-samsung-chto-delat-esli-ne.html">What to do if your phone won't turn on</a> </div> </div> </div> <div class="news_box"> <a href="https://viws.ru/en/skachat-vse-faily-dll-dlya-igr-kak-ustanovit-dll-faily-na-windows-oshibka-dll.html" class="thumb"><img width="95" height="95" src="/uploads/3c9e337efa8e87e5062bba72c6a4d998.jpg" class="attachment-mini size-mini wp-post-image" alt="How to install DLL files on Windows?" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/en/skachat-vse-faily-dll-dlya-igr-kak-ustanovit-dll-faily-na-windows-oshibka-dll.html">How to install DLL files on Windows?</a> </div> </div> </div> </div> </div> <div class="widget"> <div class="heading star">Popular</div> <div class="popular_posts"> <div class="news_box"> <a href="https://viws.ru/en/izmerenie-parametrov-dinamikov-v-domashnih-usloviyah-i-odin-sposob-nastroiki.html" class="thumb"><img width="95" height="95" src="/uploads/e3bca75abf8b89a2107fb63a6b3d8d3d.jpg" class="attachment-mini size-mini wp-post-image" alt="Basic parameters of woofers Thiel-Small method of measuring parameters" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/en/izmerenie-parametrov-dinamikov-v-domashnih-usloviyah-i-odin-sposob-nastroiki.html">Basic parameters of woofers Thiel-Small method of measuring parameters</a> </div> </div> </div> <div class="news_box"> <a href="https://viws.ru/en/chrome-dlya-linux-mint-17-russkaya-versiya-nichego-ne-otvlekaet.html" class="thumb"><img width="95" height="95" src="/uploads/afda0187f50008c58b101213ef1f80fe.jpg" class="attachment-mini size-mini wp-post-image" alt="Chrome for Linux mint 17 Russian version" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/en/chrome-dlya-linux-mint-17-russkaya-versiya-nichego-ne-otvlekaet.html">Chrome for Linux mint 17 Russian version</a> </div> </div> </div> <div class="news_box"> <a href="https://viws.ru/en/ne-rabotaet-pult-magic-remote---chto-delat-v-takoi-situacii-vybor.html" class="thumb"><img width="95" height="95" src="/uploads/c7fbe7a0ee7f8334bf8a328988a3e5bb.jpg" class="attachment-mini size-mini wp-post-image" alt="Selecting the LG Magic Remote" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/en/ne-rabotaet-pult-magic-remote---chto-delat-v-takoi-situacii-vybor.html">Selecting the LG Magic Remote</a> </div> </div> </div> </div> </div> <div class="widget"> <div class="heading">News</div> <div class="business_news"> <div class="news"> <div class="date">2024-07-04 01:33:16</div> <a href="https://viws.ru/en/uchebnoe-posobie-po-paint-risovanie-na-kompyutere-v-programme.html" class="title">Drawing on a computer in the Paint program What to draw in Paint</a> </div> <div class="news"> <div class="date">2024-07-03 01:33:11</div> <a href="https://viws.ru/en/flyme-opisanie-chto-takoe-flyme-akkaunt-i-dlya-chego-on-nuzhen-plotnost-shrifta-izmenena.html" class="title">What is a Flyme account and what is it for?</a> </div> <div class="news"> <div class="date">2024-07-02 01:35:18</div> <a href="https://viws.ru/en/napolnaya-akustika-premium-klassa-pyat-liderov-obzor-napolnyh.html" class="title">Review of floor-standing acoustic systems: Stand your ground New budget floor-standing acoustics tests</a> </div> <div class="news"> <div class="date">2024-06-29 01:41:22</div> <a href="https://viws.ru/en/stranica-po-umolchaniyu-yandeks-yandeks-nastroika-glavnoi-stranicy.html" class="title">Yandex - setting up the main page, registration and login, as well as the history of the company's formation</a> </div> <div class="news"> <div class="date">2024-06-28 01:32:13</div> <a href="https://viws.ru/en/podborka-deshevyh-i-vygodnyh-tarifov-bilain-dlya-mobilnogo-telefona-vse.html" class="title">A selection of cheap and advantageous Beeline tariffs for mobile phones</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/en/" class="logo" style="background:none;">viws.ru</a> <div class="copyright"> <p>viws.ru - All about modern technology. Breakdowns, social networks, internet, viruses</p> <p><span>2024 - All rights reserved</span></p> </div> </div> <div class="footer_c"> <ul id="menu-topmenu-1" class="nav"> <li><a href="https://viws.ru/en/feedback.html">Contacts</a></li> <li><a href="">About the site</a></li> <li><a href="">Advertising on the website</a></li> </ul> <div class="footer_menu"> <ul id="menu-nizhnee-1" class=""> <li id="menu-item-"><a href="https://viws.ru/en/category/internet/">Internet</a></li> <li id="menu-item-"><a href="https://viws.ru/en/category/programs/">Programs</a></li> <li id="menu-item-"><a href="https://viws.ru/en/category/instructions/">Instructions</a></li> <li id="menu-item-"><a href="https://viws.ru/en/category/browsers/">Browsers</a></li> </ul> <ul id="menu-nizhnee-2" class=""> <li id="menu-item-"><a href="https://viws.ru/en/category/internet/">Internet</a></li> <li id="menu-item-"><a href="https://viws.ru/en/category/programs/">Programs</a></li> <li id="menu-item-"><a href="https://viws.ru/en/category/instructions/">Instructions</a></li> <li id="menu-item-"><a href="https://viws.ru/en/category/browsers/">Browsers</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>