Frameset Example

About frameset in html

Определяет структуру фреймов на веб-странице. Фреймы разделяют окно браузера на отдельные области, расположенные вплотную друг к другу. В каждую из таких областей загружается самостоятельная веб-страница определяемая с помощью тега . С помощью фреймов веб-страница делится на два или более документа, которые обычно содержат навигацию по сайту и его контент. Механизм фреймов позволяет открывать документ в одном фрейме, по ссылке, нажатой в совершенно другом фрейме. Тег заменяет собой элемент на веб-странице. Допустимо использовать вложенную структуру элементов, это позволяет разбить один фрейм на две и более области.

При использовании фреймов примите во внимание их следующие особенности.

• Поисковые системы плохо работают с фреймовой структурой, поскольку на страницах, которые содержат контент, обычно нет ссылок на другие документы.
• Фреймы скрывают адрес страницы на которой находится посетитель и устанавливаемый через тег , и всегда показывают только адрес сайта. По этой причине понравившуюся страницу невозможно поместить в раздел «Избранное» браузера.
• Пользователь зачастую оказывается на сайте, совершенно не представляя, куда он попал, потому что всего лишь нажал на ссылку, полученную в поисковой системе. Чтобы посетителю сайта было проще разобраться, где он находится, на каждую страницу помещают название сайта, заголовок страницы и навигацию. Фреймы, как правило, нарушают данный принцип, отделяя заголовок сайта от содержания, а навигацию от контента. Представьте, что вы нашли подходящую ссылку в поисковой системе, нажимаете на нее, а в итоге открывается документ без названия и навигации. Чтобы понять, где мы находимся или посмотреть другие материалы, придется редактировать путь в адресной строке, что в любом случае доставляет неудобство.
• Большое число фреймов требует для браузера выделения больше памяти, чем обычно.

Синтаксис

Атрибуты

border Толщина границы между фреймами. bordercolor Цвет линии границы. cols Устанавливает ширину или пропорции фреймов в виде колонок. frameborder Определяет, отображать рамку вокруг фрейма или нет. framespacing Аналог атрибута border , задает ширину границы. rows Задает размер или пропорции фреймов в виде строк.

Закрывающий тег

Некоторые примеры организации фреймов приведены ниже.

Источник

About frameset in html

Deprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of being dropped, or may only be kept for compatibility purposes. Avoid using it, and update existing code if possible; see the compatibility table at the bottom of this page to guide your decision. Be aware that this feature may cease to work at any time.

The HTML element is used to contain elements.

Note: Because the use of frames is now discouraged in favor of using , this element is not typically used by modern websites.

Attributes

Like all other HTML elements, this element supports the global attributes.

This attribute specifies the number and size of horizontal spaces in a frameset.

This attribute specifies the number and size of vertical spaces in a frameset.

Example

A frameset document

doctype html> html lang="en-US"> head> head> frameset cols="50%, 50%"> frame src="https://developer.mozilla.org/en/HTML/Element/iframe" /> frame src="https://developer.mozilla.org/en/HTML/Element/frame" /> frameset> html> 

If you want to embed another HTML page into the of a document, use an element.

Specifications

Browser compatibility

BCD tables only load in the browser

See also

Found a content problem with this page?

This page was last modified on Jul 7, 2023 by MDN contributors.

Your blueprint for a better internet.

MDN

Support

Our communities

Developers

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998– 2023 by individual mozilla.org contributors. Content available under a Creative Commons license.

Источник

HTML Tag

The tag defines the structure of a frame (zone in the browser window, where we can load another web page), number of columns and rows, and also how many percent/pixels it will occupy in a frame.

The pages that contain frames can be validated only if the is set to XHTML Frameset DTD or HTML Frameset DTD.

Syntax

The tag comes in pairs. The content is written between the opening () and closing () tags.

Example of the HTML tag:

html> html> head> title>Title of the document title> head> frameset cols="50%,50%"> frame src="https://www.w3docs.com/learn-html/html-basic.html"> frame src="https://www.w3docs.com/learn-css/css-syntax.html"> frameset> html>

Result

Example of the HTML tag with the rows attribute:

html> html> head> title>Title of the document title> head> frameset rows="30%,40%,30%"> frame src="https://www.w3docs.com/learn-javascript.html"> frame src="https://www.w3docs.com/learn-git.html"> frame src="https://www.w3docs.com/learn-php.html"> frameset> html>

Attributes

Attribute	Value	Description
cols	pixels % *	Defines the number and the size of frame columns. Not supported in HTML5.
rows	pixels % *	Defines the number and the size of frame rows. Not supported in HTML5.

Источник

HTML frameset Tag

The tag in HTML combines multiple frames and displays them as a single web page. This document will consist of all the frames included in a frameset. Frames are nothing but similar to individual windows or websites. The frameset tag allows us to form multiple columns or rows and include the frames under them. This feature was available before HTML 5 and is useful to show various documents at once by combining them together. Each frame can contain its content; normally, these will be different web files such as HTML or images.

Web development, programming languages, Software testing & others

Syntax

Here the starting tag is as and ends with the end tag as . The tag may contain one or more multiple frame tags. Each frame tag starts with tag, with attribute names “src,” where we will pass our frame contents. As introduced, this content can be anything like web files such as HTML or passing images.

Here, we have a starting tag frameset that contains attribute cols or rows. Generally, these two attributes will be used along with a frameset tag, as a frameset tag is used to combine multiple frames. These tags are nothing but allow to form rows or columns to position various frames. A simple frame tag then follows the starting tag. To display a file in a frame, use the “src” attribute in the frame tag and pass the file name as its value. We have shown that a single frame can contain multiple frames using the dots. And at last, the frameset tag is closed by closing tag .

Attributes of frameset Tag

Below is the list of attributes that are supported by the frameset tag:

1. cols: This attribute is used to position the frames inside. The cols attribute will divide the frameset into multiple columns, showing the frames vertically. This attribute also allows setting the width of each column in the frameset. We can set different values for each frame by passing the value to this attribute. The value can be passed in percentage, pixels, or relative length. The default value for this attribute is 100%.

2. rows: This attribute is also similar to the cols attribute. The rows attribute will divide the frameset into multiple rows, and frames will be shown horizontally one by one. We can pass the value similar to the cols attribute to set the height of each frame. By using both rows and cols, the desired outcome can be achieved. The default value for this attribute is also 100%.

3. border: This attribute is used over the frameset tag to define the width of each frame in a frameset.

4. framespacing: The frameset tag uses the “frame spacing” attribute to establish the gaps between the frames within it.

Examples to Implement HTML frameset Tag

Given below are the examples of HTML frameset Tag:

Example #1

It contains multiple Html files as we use different files as a frame in one parent window.

We have a single source file named frame 1.

     body  
Example of Frameset tag
 
Frame 1
  

As we have only one file included as a single frame, the page will show the content of frame.html as a whole. The width and height of the frame are, by default, 100%; that’s why a single frame will occupy all the area.

Example #2

Let’s add one more frame into our example and divide it column-wise using the cols attribute and passing the value in percentage.

     body 
Hello World.
 
Frame 2
  

Here, we have passed two frames and divided them using the cols attribute with values passed as 40% and 60%. Make the width of the first frame 40% and the width of the second frame 60%.

Example #3

Let’s divide the same frames horizontally by using the rows attribute. We will modify the same last example. The difference will be that the rows attribute will replace the cols attribute. The rows attribute also takes a value similar to the cols attribute. We can pass multiple values depending on the number of frames.

Here the output will be two horizontal frames with the same height as 50%. Note that this height will correspond to the actual browser window.

Conclusion

We have learned about the frameset tag in HTML, its purpose, and how to utilize it. This tag aims to merge and showcase several frames on one display window. We can also define the frames’ position and size using the available attributes. This tag has been deprecated since HTML 5.

Recommended Articles

This is a guide to the HTML frameset tag. Here we discuss the basic concept, attributes, and different examples of frameset Tags in HTML, respectively. You may also have a look at the following articles to learn more –

89+ Hours of HD Videos
13 Courses
3 Mock Tests & Quizzes
Verifiable Certificate of Completion
Lifetime Access
4.5

97+ Hours of HD Videos
15 Courses
12 Mock Tests & Quizzes
Verifiable Certificate of Completion
Lifetime Access
4.5

HTML & CSS Course Bundle — 33 Courses in 1 | 9 Mock Tests
125+ Hours of HD Videos
33 Courses
9 Mock Tests & Quizzes
Verifiable Certificate of Completion
Lifetime Access
4.5

Источник