788:
27:
1010:
External links on web pages which use frames may cause other pages to appear in the frameset, since the default behaviour for a link is to load in the current frame if the author does not specify otherwise. This could be used by unscrupulous webmasters to make it appear as though content from another
915:
Allowing several pieces of information to be viewed side by side, with the ability for each section to be scrolled independently. This might include the side-by-side comparison of two pictures or videos, or two different ways to understand something, such as an independently scrolling page of text
1014:
If the screen resolution or browser window size is too low then each frame will have scroll bars which can look messy and uses up already limited space. Such behaviour typically resulted more from bad site design (fixed layouts instead of fluid layouts), whereby not all frameset features were put
908:
Simplifying maintenance of content shared across all or most pages, such as navigation data. If an item needs to be added to a sidebar navigation menu, the web page author needs to change only one web page file, whereas each individual page on a traditional non-frameset website would have to be
1175:
What makes framing different is that instead of taking the user to the linked website, the information from that website is imported into the original page and displayed in a special "frame". Technically, when you're viewing framed information, your computer is connected to the site doing the
1108:
allowed parts of a page to be visually replaced based on a user's actions. This allowed much more flexibility for showing "side" content, such as footnotes or instructions, as these could now be displayed and hidden anywhere on the page rather than requiring a pre-defined
922:
The main advantage to frames is that they enable parts of the page to remain stationary while other parts scroll. This is useful for elements you may not want to scroll out of view, such as navigational options or banner
1067:
allowed shared content to be edited once and automatically delivered to the client as part of a finished page; as server CPU and connection speeds increased, the extra work required to do this on the fly became a lesser
926:
Frames unify resources that reside on separate servers. For instance, you may use frames to combine your own material (and navigation graphics) with threaded discussion material generated
1038:. As an example of the latter, an outer page can trick a user into performing an action on an inner page (loaded using the iframe element) which has been made 99% transparent.
681:
attribute is present in a frame element. If border is set to 0, no border will be displayed and content in different frames will abut each other without delineation.
863:
Early websites often used a frame at the top to display a banner which could not be scrolled away. These banner frames sometimes included the site's logo as well as
1115:
allowed for dynamic display within a page of content even when it needs to be fetched from the server, for instance based on the logged in user or events elsewhere.
1001:
Visitors arriving from search engines may land on a page intended for display in a frame, resulting in the visitor having no way to navigate to the rest of the site
919:
Allowing footnotes or digressions to appear in a dedicated section of the page when linked to, so that the reader does not lose their place in the main text.
508:
element may be included so web browsers with frames disabled (or browsers that do not support frames) can display something to the user, as in this example:
904:
By allowing content to be loaded and navigated independently, frames offered several advantages over the plain HTML in use when they were first developed:
1023:
using fluid design characteristics in target pages instead of fixed designs, so that the content would not cause horizontal scrollbars in the first place.
1046:
As web technology developed, many of the purposes for which frames were used became possible in ways that avoided the problems identified with frames.
238:
1125:
1503:
1363:
1189:
1389:
91:
364:
63:
44:
1255:
70:
1299:: "The iframe element has new attributes called sandbox and srcdoc which allow for sandboxing content, e.g. blog comments."
953:
as displayed in the browser, making it difficult to link to or bookmark a particular item of content within the frameset
852:
sites. Frames had the advantage of allowing elements to be displayed sitewide without requiring server features such as
77:
110:
1220:
998:
Framing confuses the boundaries between content on different servers, which raises issues of copyright infringement
677:
attribute. If set to an integer greater than 0, the user can resize the frames by dragging this border, unless a
458:
Since the early 2000s, concern for usability and accessibility has motivated diminished use of framesets and the
59:
395:
48:
799:
369:
326:
265:
688:
element is used inline within a normal HTML body, and defines the initial content and name similarly to the
1287:: "The following elements are not in HTML5 because using them damages usability: frame, frameset, noframes"
893:
878:
424:
which displays content independent of its container, with the ability to load content independently. The
233:
992:
912:
Reducing the amount of bandwidth needed by not re-downloading parts of the page which had not changed.
1170:
1091:
830:
321:
1071:
857:
1476:
84:
37:
1367:
1050:
1247:
1240:
1101:
255:
1197:
1150:
1064:
260:
177:
8:
1087:
1075:
975:
853:
821:
2.0 introduced the elements used for frames in March 1996. Other browser vendors such as
493:
Each frameset defines a set of rows or columns. If user define frames by using the
1493:
1397:
1309:
1035:
864:
860:
support. These features were not common on early web servers accessible to the public.
818:
437:
421:
388:
277:
1251:
1459:
1034:
Frames create both technical and user-interface difficulties for enforcement of the
1523:
1324:
937:
The practice of framing HTML content led to numerous criticisms, most centering on
243:
1442:
1130:
1020:
disabling scrolling for smaller frames that typically did not require a scrollbar;
1079:
837:
204:
145:
1098:, provided much richer options for maintaining content and providing navigation.
432:
distinct from the site providing the enclosing content. This practice, known as
1135:
980:
348:
211:
155:
1420:
696:
tag pair will be displayed in browsers that do not understand the iframe tag.
478:
tag is a container tag for all other tags that are used to create frames. The
1518:
1512:
962:
942:
497:
attribute then horizontal frames are created. If user define frames by using
381:
250:
216:
199:
451:
is a group of named frames to which web pages and media can be directed; an
1193:
1140:
1105:
988:
194:
189:
184:
135:
1349:
1145:
1053:(CSS) allowed elements of a page to be scrolled independently (using the
409:
343:
338:
228:
172:
1224:
829:
followed later that year. At that time, Netscape proposed frames to the
787:
822:
287:
282:
160:
150:
1498:
956:
The implementation of frames is inconsistent across different browsers
1393:
1095:
1007:
Users usually do not expect browsers to print frames the way they do.
938:
26:
1296:
1284:
1057:
property) or held on screen while other content is scrolled (using
959:
Browsers which render material linearly do not handle frames well.
849:
841:
826:
417:
874:
845:
455:
provides for a frame to be placed inside the body of a document.
429:
1271:
333:
309:
888:
standard removed framesets by means differing from XHTML. The
971:
885:
870:
459:
314:
304:
299:
292:
167:
140:
1390:"G.E.Boyd's How To Do Just About Anything by email – Part 1"
877:, the intended eventual replacement, provided the composite
1112:
916:
next to video, images, animation, 3D rotating objects, etc.
873:
1.1, the intended successor to HTML 4, removed all frames.
444:
425:
126:
1083:
950:
270:
16:
Conflation of multiple HTML elements for web-page display
1011:
site was actually part of the site hosting the frameset.
896:" options intended for sharing content between sites.
1176:
framing—not the site whose page appears in the frame.
949:
Framing breaks the identity between the content and
1221:"Using HTML 3.2, Java 1.1, and CGI; Ch. 13, Frames"
909:
edited if the sidebar menu appeared on all of them.
51:. Unsourced material may be challenged and removed.
1504:Script designed to prevent framing of your content
1239:
490:tag defines how to divide the window into frames.
1246:. Scottsdale, AZ: Coriolis Group Books. pp.
1510:
836:Frames were used to display and navigate early
750:"http://www.example.com/frame_1.html"
713:"http://www.example.com/frame_1.html"
636:"http://alt.example.com/frame_2.html"
607:"http://www.example.com/frame_1.html"
570:"http://alt.example.com/frame_2.html"
543:"http://www.example.com/frame_1.html"
1471:
1469:
1343:
1341:
1004:Frames change the behavior of the back button.
833:(W3C) for inclusion in the HTML 3.0 standard.
1126:Copyright aspects of hyperlinking and framing
428:or media elements in a frame may come from a
389:
436:, is today often regarded as a violation of
1466:
1338:
593:Your browser does not support frames.
1477:"The Pros and Cons of Frames in Web Pages"
1454:
1452:
396:
382:
470:The frames in HTML are created using the
111:Learn how and when to remove this message
1449:
1347:
1187:
736:Your browser does not support iframes.
1511:
1418:
1382:
1322:
1237:
1190:"A Present From Apple: Cyberdog 2.0a1"
1017:This behaviour could be mitigated by:
465:
1494:HTML Help: What's wrong with frames?
1366:. HTML Code Tutorial. Archived from
782:
49:adding citations to reliable sources
20:
13:
1242:JavaScript & Netscape wizardry
1188:Garaffa, Dave (23 December 1996).
892:element remains with a number of "
501:then vertical frames are created.
14:
1535:
1487:
881:to address a populated frameset.
472:<frameset></frameset>
1396:. 11 August 2000. Archived from
1348:Nielsen, Jakob (December 1996).
1218:
786:
462:standard does not support them.
25:
1435:
1412:
1356:
1041:
36:needs additional citations for
1350:"Frames Suck Most of the Time"
1316:
1302:
1290:
1278:
1264:
1231:
1212:
1181:
1171:"Connecting to Other Websites"
1163:
486:tag in frameset documents.The
1:
1156:
1090:, as well as database-backed
899:
694:<iframe></iframe>
370:Comparison of browser engines
1297:HTML5 differences from HTML4
1285:HTML5 differences from HTML4
932:
692:element. Any text inside an
7:
1119:
1029:
60:"Frame" World Wide Web
10:
1540:
1092:Content Management Systems
993:search engine optimization
991:and can be detrimental to
778:
1460:"Why are frames so evil?"
945:concerns. These include:
831:World Wide Web Consortium
365:Document markup languages
1364:"Should You Use Frames?"
698:
510:
1272:"XFrames working draft"
1499:Dan's Web Tips: Frames
1051:Cascading Style Sheets
968:text or audio browsers
622:to view frame 1.
1102:Client-side scripting
765:to view the content.
256:Document Object Model
1443:"I Hate Frames Club"
1421:"SEO fundamentals 1"
1238:Shafer, Dan (1996).
1151:Tableless web design
1065:Server-Side Includes
987:Framing complicates
854:server-side includes
525:"85%, 15%"
408:In the context of a
261:Browser Object Model
45:improve this article
1419:Moore-Eded, Piers.
1227:on 30 October 2007.
1088:Active Server Pages
1082:frameworks such as
1076:scripting languages
579:"frame_2"
552:"frame_1"
466:Tags and attributes
234:Character encodings
1323:Roberts, L, John.
1036:same-origin policy
819:Netscape Navigator
798:. You can help by
438:same-origin policy
1400:on 17 August 2000
1257:978-1-883577-86-5
1200:on 17 August 2000
1192:(Press release).
1074:and web-oriented
974:browsers such as
816:
815:
673:Framesets have a
482:tag replaces the
406:
405:
121:
120:
113:
95:
1531:
1481:
1480:
1473:
1464:
1463:
1456:
1447:
1446:
1439:
1433:
1432:
1430:
1428:
1416:
1410:
1409:
1407:
1405:
1386:
1380:
1379:
1377:
1375:
1370:on 6 August 2016
1360:
1354:
1353:
1345:
1336:
1335:
1333:
1331:
1320:
1314:
1313:
1306:
1300:
1294:
1288:
1282:
1276:
1275:
1268:
1262:
1261:
1245:
1235:
1229:
1228:
1223:. Archived from
1216:
1210:
1209:
1207:
1205:
1196:. Archived from
1185:
1179:
1178:
1173:. 2 April 2013.
1167:
1060:
1056:
1015:into proper use.
891:
838:online magazines
811:
808:
790:
783:
774:
771:
768:
764:
761:
758:
754:
751:
748:
745:
742:
739:
735:
732:
729:
726:
723:
720:
717:
714:
711:
708:
705:
702:
695:
691:
687:
680:
676:
669:
666:
663:
660:
657:
654:
650:
647:
644:
640:
637:
634:
631:
628:
625:
621:
618:
615:
611:
608:
605:
602:
599:
596:
592:
589:
586:
583:
580:
577:
574:
571:
568:
565:
562:
559:
556:
553:
550:
547:
544:
541:
538:
535:
532:
529:
526:
523:
520:
517:
514:
507:
506:<noframes>
500:
496:
489:
488:<frameset>
485:
481:
480:<frameset>
477:
476:<frameset>
473:
398:
391:
384:
349:Rendering engine
239:named characters
123:
122:
116:
109:
105:
102:
96:
94:
53:
29:
21:
1539:
1538:
1534:
1533:
1532:
1530:
1529:
1528:
1509:
1508:
1490:
1485:
1484:
1475:
1474:
1467:
1458:
1457:
1450:
1441:
1440:
1436:
1426:
1424:
1417:
1413:
1403:
1401:
1388:
1387:
1383:
1373:
1371:
1362:
1361:
1357:
1346:
1339:
1329:
1327:
1321:
1317:
1308:
1307:
1303:
1295:
1291:
1283:
1279:
1270:
1269:
1265:
1258:
1236:
1232:
1217:
1213:
1203:
1201:
1186:
1182:
1169:
1168:
1164:
1159:
1122:
1080:web development
1058:
1054:
1044:
1032:
1016:
981:Mobile browsers
935:
902:
889:
812:
806:
803:
796:needs expansion
781:
776:
775:
772:
769:
766:
762:
759:
756:
752:
749:
746:
743:
740:
737:
733:
731:"640"
730:
727:
724:
722:"480"
721:
718:
715:
712:
709:
706:
703:
700:
693:
689:
685:
678:
674:
671:
670:
667:
664:
661:
658:
655:
652:
651:for frame 2.
648:
645:
642:
638:
635:
632:
629:
626:
623:
619:
616:
613:
609:
606:
603:
600:
597:
594:
590:
587:
584:
581:
578:
575:
572:
569:
566:
563:
560:
557:
554:
551:
548:
545:
542:
539:
536:
533:
530:
527:
524:
521:
518:
515:
512:
505:
498:
494:
487:
483:
479:
475:
471:
468:
416:is a part of a
402:
117:
106:
100:
97:
54:
52:
42:
30:
17:
12:
11:
5:
1537:
1527:
1526:
1521:
1507:
1506:
1501:
1496:
1489:
1488:External links
1486:
1483:
1482:
1465:
1448:
1434:
1411:
1381:
1355:
1337:
1315:
1301:
1289:
1277:
1263:
1256:
1230:
1211:
1180:
1161:
1160:
1158:
1155:
1154:
1153:
1148:
1143:
1138:
1136:Inline linking
1133:
1128:
1121:
1118:
1117:
1116:
1110:
1099:
1069:
1068:consideration.
1062:
1059:position:fixed
1043:
1040:
1031:
1028:
1027:
1026:
1025:
1024:
1021:
1012:
1008:
1005:
1002:
999:
996:
985:
984:
983:
978:
969:
966:
957:
954:
934:
931:
928:
927:
924:
920:
917:
913:
910:
901:
898:
814:
813:
793:
791:
780:
777:
699:
511:
474:tag pair. The
467:
464:
404:
403:
401:
400:
393:
386:
378:
375:
374:
373:
372:
367:
359:
358:
354:
353:
352:
351:
346:
341:
336:
331:
330:
329:
319:
318:
317:
312:
307:
297:
296:
295:
285:
280:
275:
274:
273:
263:
258:
253:
248:
247:
246:
241:
231:
226:
221:
220:
219:
212:HTML attribute
209:
208:
207:
202:
197:
192:
182:
181:
180:
178:Mobile Profile
175:
165:
164:
163:
158:
153:
148:
138:
130:
129:
119:
118:
33:
31:
24:
15:
9:
6:
4:
3:
2:
1536:
1525:
1522:
1520:
1517:
1516:
1514:
1505:
1502:
1500:
1497:
1495:
1492:
1491:
1478:
1472:
1470:
1461:
1455:
1453:
1444:
1438:
1422:
1415:
1399:
1395:
1391:
1385:
1369:
1365:
1359:
1351:
1344:
1342:
1326:
1325:"CSS and SEO"
1319:
1311:
1305:
1298:
1293:
1286:
1281:
1273:
1267:
1259:
1253:
1249:
1244:
1243:
1234:
1226:
1222:
1215:
1199:
1195:
1191:
1184:
1177:
1172:
1166:
1162:
1152:
1149:
1147:
1144:
1142:
1139:
1137:
1134:
1132:
1129:
1127:
1124:
1123:
1114:
1111:
1107:
1103:
1100:
1097:
1093:
1089:
1085:
1081:
1077:
1073:
1070:
1066:
1063:
1052:
1049:
1048:
1047:
1039:
1037:
1022:
1019:
1018:
1013:
1009:
1006:
1003:
1000:
997:
994:
990:
986:
982:
979:
977:
973:
970:
967:
964:
963:Screen reader
961:
960:
958:
955:
952:
948:
947:
946:
944:
943:accessibility
940:
930:
925:
921:
918:
914:
911:
907:
906:
905:
897:
895:
887:
882:
880:
876:
872:
868:
866:
861:
859:
855:
851:
848:services and
847:
843:
839:
834:
832:
828:
824:
820:
810:
801:
797:
794:This section
792:
789:
785:
784:
697:
682:
509:
502:
491:
463:
461:
456:
454:
450:
446:
441:
439:
435:
431:
427:
423:
419:
415:
411:
399:
394:
392:
387:
385:
380:
379:
377:
376:
371:
368:
366:
363:
362:
361:
360:
356:
355:
350:
347:
345:
342:
340:
337:
335:
332:
328:
325:
324:
323:
320:
316:
313:
311:
308:
306:
303:
302:
301:
298:
294:
291:
290:
289:
286:
284:
281:
279:
276:
272:
269:
268:
267:
264:
262:
259:
257:
254:
252:
251:Language code
249:
245:
242:
240:
237:
236:
235:
232:
230:
227:
225:
222:
218:
217:alt attribute
215:
214:
213:
210:
206:
203:
201:
198:
196:
193:
191:
188:
187:
186:
183:
179:
176:
174:
171:
170:
169:
166:
162:
159:
157:
154:
152:
149:
147:
144:
143:
142:
139:
137:
134:
133:
132:
131:
128:
125:
124:
115:
112:
104:
93:
90:
86:
83:
79:
76:
72:
69:
65:
62: –
61:
57:
56:Find sources:
50:
46:
40:
39:
34:This article
32:
28:
23:
22:
19:
1437:
1425:. Retrieved
1414:
1402:. Retrieved
1398:the original
1384:
1372:. Retrieved
1368:the original
1358:
1328:. Retrieved
1318:
1304:
1292:
1280:
1266:
1241:
1233:
1225:the original
1219:Ladd, Eric.
1214:
1202:. Retrieved
1198:the original
1194:Internet.com
1183:
1174:
1165:
1141:Deep linking
1106:Dynamic HTML
1045:
1042:Alternatives
1033:
989:web indexing
936:
929:
923:advertising.
903:
883:
869:
862:
835:
817:
807:January 2008
804:
800:adding to it
795:
683:
672:
503:
492:
484:<body>
469:
457:
452:
448:
442:
433:
413:
407:
266:Style sheets
223:
195:div and span
185:HTML element
136:Dynamic HTML
107:
101:January 2008
98:
88:
81:
74:
67:
55:
43:Please help
38:verification
35:
18:
1427:25 February
1423:. Lewes SEO
1310:"Framesets"
1146:Framekiller
865:advertising
420:or browser
410:web browser
357:Comparisons
344:Web storage
339:Quirks mode
278:Font family
229:HTML editor
1513:Categories
1330:28 January
1157:References
900:Advantages
894:sandboxing
884:The later
844:, such as
755:Click here
641:Click here
612:Click here
288:JavaScript
283:Web colors
224:HTML frame
71:newspapers
1394:GeoCities
1096:WordPress
939:usability
933:Criticism
327:Validator
1204:14 April
1120:See also
1094:such as
1055:overflow
1030:Security
965:programs
850:web chat
842:web apps
827:Cyberdog
679:noresize
665:frameset
656:noframes
588:noframes
516:frameset
449:frameset
430:web site
418:web page
1524:Web 1.0
1404:24 June
1374:7 April
875:XFrames
846:webmail
779:History
434:framing
244:Unicode
205:marquee
146:article
85:scholar
1274:. W3C.
1254:
1131:Frames
1109:frame.
890:iframe
770:iframe
716:height
704:iframe
686:iframe
675:border
453:iframe
422:window
334:WHATWG
310:WebGPU
156:canvas
87:
80:
73:
66:
58:
976:Agora
972:Email
886:HTML5
871:XHTML
825:with
823:Apple
767:</
757:</
725:width
690:frame
662:</
653:</
643:</
614:</
561:frame
534:frame
460:HTML5
414:frame
315:WebXR
305:WebGL
300:Web3D
293:WebCL
200:blink
173:Basic
168:XHTML
161:video
151:audio
141:HTML5
92:JSTOR
78:books
1519:HTML
1429:2012
1406:2010
1376:2010
1332:2022
1252:ISBN
1206:2011
1113:AJAX
1104:and
1086:and
1078:and
941:and
840:and
773:>
763:>
753:>
744:href
738:<
734:>
701:<
684:The
668:>
659:>
649:>
639:>
630:href
624:<
620:>
610:>
601:href
595:<
591:>
585:<
582:>
573:name
558:<
555:>
546:name
531:<
528:>
519:cols
513:<
504:The
499:cols
495:rows
447:, a
445:HTML
426:HTML
412:, a
190:meta
127:HTML
64:news
1084:PHP
1072:CGI
951:URL
879:URI
858:CGI
856:or
802:.
707:src
564:src
537:src
443:In
322:W3C
271:CSS
47:by
1515::
1468:^
1451:^
1392:.
1340:^
1250:.
1248:31
867:.
440:.
1479:.
1462:.
1445:.
1431:.
1408:.
1378:.
1352:.
1334:.
1312:.
1260:.
1208:.
1061:)
995:.
809:)
805:(
760:a
747:=
741:a
728:=
719:=
710:=
646:a
633:=
627:a
617:a
604:=
598:a
576:=
567:=
549:=
540:=
522:=
397:e
390:t
383:v
114:)
108:(
103:)
99:(
89:·
82:·
75:·
68:·
41:.
Text is available under the Creative Commons Attribution-ShareAlike License. Additional terms may apply.
