What Do You Understand By Frames In HTML?


HTML is the most popular programming language accessed to make web pages on the internet. It allows people to develop and design web pages using elements like links, paragraphs, images and quotes. As a result, it makes web designing much easier than ever before.

HTML frames are the most important concept in HTML. Frames are extremely useful for dividing web pages or browsers into multiple sections. Then, it loads the separate sections differently.

The concept of HTML rendering multiple frames at a single browser display is called frameset. All the frame tags are accessed within the container tag <frameset>. Thus, the separation of the HTML pages is highly possible with the help of the concept of the frame. Keep reading to understand many interesting things about the frame.

Syntax Of Frames

Remember that there is no end tag for the <frame> tag in HTML. If you use frames in the webpage, you have to use <frameset> tag instead of <body> tag. With the <frameset> tag, you can instruct the webpage to divide it into frames. The frameset is nothing but a collection of multiple frames.

The arrangement is often similar to the orientation of rows and columns in the tab. Every frame has a frame tag to indicate. Usually, the <frame> tag defines which HTML document must open as the frame. The attribute cols will take the value in pixels and assist in mentioning the size and number of columns in the frameset.

For instance: <cols =”10%,80%,10%”>

Similarly, the attribute rows take the value in pixels and mention the size and number of rows in the frameset below.

<rows =”10%,80%,10%>

Note: The <frame> tag has been deprecated in HTML5, and this it is no longer accessed.

Various Types Of Frames In HTML

The major purpose of the frame is to load navigation bars in one frame and then load the main pages into separate frames. Usually, the frame tag defines a single-window frame within the <frameset>.

Regarding browser support, <frame> can use Chrome, Opera Mini, Safari, and Mozilla. Border, name, and scrolling are the frame’s different and commonly accessed attributes. Here are the major types of frame tags.

Types Of Frame Tag

<frameset> tag attribute1. Col

The Col attribute renders the vertical frames. But, the width can mention in four different ways, such as pixels and percentages.

2. Rows

The rows attribute renders the horizontal frames. It mentions the rows in the frameset. For example, if you want to create three horizontal frames, use Rows=” 10%,80%,10%’.

3. Border

It mentions the width of the border of every frame in pixels. So, for instance, border=” 4″. If border=” 0″, it means there is no border.

4. Frameborder

Whenever you want to display a three-dimensional border between frames, then use the frameborder attribute.

5. Framespacing

You can use the framespacing attribute if you need the amount of space between frames in the frameset.

<frame> tag attribute 

1. src – Use it to render the file name.

2. name – It renders the name to the frame

3. frameborder – It specifies whether or not the borders are to be shown.

4. marginwidth – It helps to mention the space’s width between the right and left of the frame’s border.

5. marginheight – It specifies the height of the space between the top and bottom of the frame’s border.

6. noresize – It prevents the user from making changes to already present frames.

7. longdesc – It offers a link to another page containing the long description of frame content

8. scrolling – It takes control of the appearance of the scroll bars

Benefits of HTML frames

  • The major benefit of frames is that it lets users view multiple documents within a single web page.
  • It also renders the space to load pages from different servers in the single frameset.
  • You can use the <noframe> tag when working with the older browser, which does not support frames. The tag renders a section in the HTML document to include the alternative content for the browsers without frames support.
  • Frames are highly beneficial in minimizing the server load because there is no requirement to reload all the pages while visiting the new page.
  • You can use frames to keep one part of the static while changing the page’s other parts.

Whenever you need assistance regarding HTML programming, you can reach JDM Web Technologies without hesitation. Our digital marketing manager, Naveen, will render you enough sophistication to meet your needs quickly. So, contact us anytime!


Please enter your comment!
Please enter your name here