Knowledge (XXG)

Frame (World Wide Web)

Source 📝

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

Index

Frameset (HTML)

verification
improve this article
adding citations to reliable sources
"Frame" World Wide Web
news
newspapers
books
scholar
JSTOR
Learn how and when to remove this message
HTML
Dynamic HTML
HTML5
article
audio
canvas
video
XHTML
Basic
Mobile Profile
HTML element
meta
div and span
blink
marquee
HTML attribute
alt attribute
HTML frame

Text is available under the Creative Commons Attribution-ShareAlike License. Additional terms may apply.