![]() ![]() With the Internet connection speeds of today, working so hard to save a few kilobytes seems laughable. Each time you loaded a subsequent page, only the content area had to be transferred – not the header, footer or navigation. The main benefit was reduced loading time. Once you loaded the site and started navigating from page to page, the only thing that changed was that content frame everything else stayed put. One reason they were so popular is that content could be separated into one single frame, with separate frames for navigation, the header, the footer, etc. They were mazes of borders and scrollbars – ugly as can be, and a usability nightmare. Back in the late 90s, however, every other website you visited used a frame-based layout. If you're new to web design, you blessedly haven't had to suffer much of the scourge of websites that use frame-based layouts. It just happens that the other webpage doesn't look like a full webpage – it looks like a video that's part of your page. When you embed a YouTube video on your site, you're really embedding another little webpage into your main webpage. Here's an example of one of the most common uses for iframes: indeed, anything that goes on a webpage can be displayed inside an iframe. And the content you display doesn't have to be a full webpage. However, you can remove that border, disable the scrollbar, and even make the background transparent. This first example has a border around it and a scrollbar, so it's pretty clear that the NWS page is separate. It's almost like a micro-browser without any controls or address bar. You can view a forecast in that window, look up a map, or do anything else. Pretty cool, huh? We have a fully-functional National Weather Service window living in this page. The tag is used to define inline frames in your pages. ![]() The role of inline frames is actually quite simple – they allow you to display a second, separate webpage within your main webpage. If you're not familiar with this tag, this article is for you! So, What is An iframe? It's a must-have for any web designer's arsenal. It is the ultimate modularization tool, allowing you to break up content, seamlessly display content from other sources, and better manage loading. The humble iframe (short for inline frame) is one of the most powerful elements in HTML. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |