Knowledge

Dynamic HTML

Source 📝

3450: 3432: 25: 1490:
Inline styles are CSS style assignments that have been applied to an element using the style attribute. You can examine and set these styles by retrieving the style object for an individual element. For example, to highlight the text in a heading when the user moves the mouse pointer over it, you can
386:
DHTML (Dynamic HTML) allows scripting languages, such as JavaScript, to modify variables and elements in a web page's structure, which in turn affect the look, behavior, and functionality of otherwise "static" HTML content after the page has been fully loaded and during the viewing process. Thus the
425:
and DHTML pages are still request/reload-based. Under the DHTML model, there may not be any interaction between the client and server after the page is loaded; all processing happens on the client side. By contrast, Ajax extends features of DHTML to allow the page to initiate network requests (or
459:
A less common use is to create browser-based action games. Although a number of games were created using DHTML during the late 1990s and early 2000s, differences between browsers made this difficult: many techniques had to be implemented in code to enable the games to work on multiple platforms.
1483:
Dynamic styles are a key feature of DHTML. By using CSS, one can quickly change the appearance and formatting of elements in a document without adding or removing elements. This helps keep documents small and the scripts that manipulate the document fast.
1467:
of individual objects, making it possible to examine and modify an element and its attributes by reading and setting properties and by calling methods. The text between elements is also available through DOM properties and methods.
1462:
The DOM API is the foundation of DHTML, providing a structured interface that allows access and manipulation of virtually anything in the document. The HTML elements in the document are available as a hierarchical
478:, not all HTML elements were represented in the DOM. When DHTML-style techniques became widespread, varying degrees of support among web browsers for the technologies involved made them difficult to develop and 394:
is a broader concept, covering any web page generated differently for each user, load occurrence, or specific variable values. This includes pages created by client-side scripting and ones created by
430:
on a page, the pure DHTML approach would load the contents of all tabs and then dynamically display only the one that is active, while AJAX could load each tab only when it is really needed.
464:, which has made the design of DHTML games more viable. Those games can be played on all major browsers and in desktop and device applications that support embedded browser contexts. 1487:
The object model provides programmatic access to styles. This means you can change inline styles on individual elements and change style rules using simple JavaScript programming.
1475:
functions and routines. The event handler receives control each time a given event occurs and can carry out any appropriate action, including using the DOM to change the document.
513:
abstracted away many of the day-to-day difficulties in cross-browser DOM manipulation, though better standards compliance among browsers has reduced the need for this.
1471:
The DOM also provides access to user actions such as pressing a key and clicking the mouse. It is possible to intercept and process these and other events by creating
467:
The term "DHTML" has fallen out of use in recent years as it was associated with practices and conventions that tended to not work well between various web browsers.
1455:. To allow scripts and components to access features of HTML and CSS, the contents of the document are represented as objects in a programming model known as the 1451:
DHTML is not a technology in and of itself; rather, it is the product of three related and complementary technologies: HTML, Cascading Style Sheets (CSS), and
2321: 2311: 177: 387:
dynamic characteristic of DHTML is the way it functions while a page is viewed, not in its ability to generate a unique page with each page load.
3461: 374:, or any other supported scripts) that enabled the creation of interactive and animated documents. The application of DHTML was introduced by 771:
The following code illustrates an often-used function. An additional part of a web page will only be displayed if the user requests it.
2303: 2207: 452:
Use a form to capture user input, and then process, verify and respond to that data without having to send data back to the server.
449:
Embed a ticker or other dynamic display that automatically refreshes its content with the latest news, stock quotes, or other data.
303: 3402: 2358: 2140: 2119: 2956: 3456: 35: 2177:, a comprehensive site with test examples and instructions on how to write DHTML code that runs on several browsers. 2288: 426:'subrequest') to the server even after page load to perform additional actions. For example, if there are multiple 3076: 3051: 3046: 2832: 2273: 3412: 3205: 2487: 334: 2626: 403: 359: 308: 265: 204: 3443: 438:
DHTML allows authors to add effects to their pages that are otherwise difficult to achieve, by changing the
3438: 3056: 2353: 2200: 3135: 2842: 2507: 2363: 2343: 1491:
use the style object to enlarge the font and change its color, as shown in the following simple example.
363: 172: 2316: 3118: 3036: 2689: 2383: 2378: 3086: 2906: 2676: 2589: 2483: 260: 2949: 2268: 2567: 3407: 3397: 3123: 2911: 2709: 2193: 3240: 3154: 3113: 2395: 2233: 2180: 162: 2631: 2584: 2514: 2283: 1464: 1456: 1446: 495: 471: 439: 395: 194: 2704: 2572: 2403: 199: 116: 8: 2942: 2916: 2699: 2537: 2326: 491: 483: 379: 2373: 3367: 3295: 3177: 3145: 3108: 3101: 3096: 2814: 2636: 2502: 2146: 506: 475: 422: 327: 216: 42: 3338: 2994: 2827: 2458: 2136: 2150: 3167: 2896: 2877: 2818: 2788: 2778: 2128: 1997: 442:(DOM) and page style. The combination of HTML, CSS, and JavaScript offers ways to: 407: 391: 182: 354:, is a term which was used by some browser vendors to describe the combination of 3253: 2901: 2872: 2331: 427: 143: 84: 3258: 3227: 3071: 2694: 2666: 2621: 287: 150: 94: 3061: 2132: 3482: 3476: 3313: 3187: 2923: 2884: 2862: 2749: 2651: 2599: 2336: 1472: 461: 320: 189: 155: 138: 2017: 3333: 3162: 3130: 3091: 3011: 2984: 2979: 2478: 2348: 133: 128: 123: 3263: 3303: 2719: 2656: 2550: 2528: 2474: 2224: 282: 277: 167: 111: 3343: 3222: 3021: 2989: 2965: 2661: 2641: 2616: 2562: 2555: 2443: 2423: 1452: 522: 499: 415: 367: 226: 221: 99: 89: 3308: 3026: 2684: 2646: 2438: 2293: 375: 3417: 3200: 3195: 3081: 3016: 2867: 2724: 2492: 2453: 2448: 2428: 2418: 2413: 2042: 371: 766: 3248: 3215: 3066: 3006: 2837: 2783: 2579: 2497: 2278: 2216: 2185: 2094: 2070:"DHTML | A Quick Glance of DHTML with Components, Features, Need" 527:
Typically a web page using DHTML is set up in the following way:
487: 411: 2069: 3387: 3382: 3268: 3182: 3172: 2999: 2794: 2734: 2729: 2608: 2408: 2261: 2251: 2246: 510: 272: 248: 3372: 2934: 2762: 2757: 2739: 2545: 2256: 2174: 479: 253: 243: 238: 231: 106: 79: 470:
DHTML support with extensive DOM access was introduced with
3392: 3377: 3210: 2889: 2368: 2241: 355: 65: 710:
Often the code is stored in an external file; this is done
2714: 2433: 399: 209: 1072:
This is the paragraph that is only displayed on request.
716:
This is helpful when several pages use the same script:
418:generates content before sending it to the client. 713:by linking the file that contains the JavaScript. 474:. Although there was a basic dynamic system with 3474: 2121:Beginning JavaScript with DOM Scripting and Ajax 2117: 767:Example: Displaying an additional block of text 2950: 2201: 328: 2118:Ferguson, Russ; Heilmann, Christian (2013). 1723:Change the color, size, and typeface of text 455:Include rollover buttons or drop-down menus. 1091:The general flow of the document continues. 3449: 3431: 2957: 2943: 2208: 2194: 1680:Dynamic styles are a key feature of DHTML. 516: 460:Browsers have since then converged toward 446:Animate text and images in their document. 335: 321: 2127:. Berkeley, CA: Apress. pp. 49–68. 2067: 1440: 16:Coding interactive or animated websites 3475: 2092: 2938: 2189: 18: 13: 2215: 14: 3494: 2168: 1478: 482:. Development became easier when 45:and remove advice or instruction. 3448: 3430: 2093:Downes, Stephen (Aug 18, 1999). 23: 3413:Asynchronous module definition 2964: 2111: 2086: 2068:Pedamkar, Priya (2020-07-19). 2061: 2035: 2010: 1: 2003: 309:Comparison of browser engines 734:"my-javascript.js" 421:DHTML is the predecessor of 7: 2181:Introductory DHTML Tutorial 2018:"Document Object Model FAQ" 1991: 10: 3499: 2095:"Fun and Games With DHTML" 1908:"clickable-link" 1869:"unordered-list" 1789:We've only just begun! 1709:"unordered-list" 1666:"clickable-link" 1444: 1279:"Show paragraph" 1228:"Hide paragraph" 520: 3426: 3355: 3326: 3294: 3280: 3239: 3153: 3144: 3035: 2972: 2855: 2807: 2771: 2748: 2675: 2607: 2598: 2536: 2527: 2467: 2394: 2302: 2232: 2223: 2133:10.1007/978-1-4302-5093-7 304:Document markup languages 1833:"first-header" 1632:"first-header" 1493: 773: 529: 1637:Welcome to Dynamic HTML 674:// ... manipulate myObj 517:Structure of a web page 433: 3462:server-side JavaScript 668:"navigation" 494:7.0+ adopted a shared 484:Internet Explorer 5.0+ 476:Netscape Navigator 4.0 3457:JavaScript frameworks 1496:<!DOCTYPE html> 1457:Document Object Model 1447:Document Object Model 1441:Document Object Model 1312:"toggle-me" 1067:"toggle-me" 776:<!DOCTYPE html> 532:<!DOCTYPE html> 472:Internet Explorer 4.0 440:Document Object Model 396:server-side scripting 195:Document Object Model 3439:JavaScript libraries 1339:"showhide" 1024:"showhide" 995:Using a DOM function 823:Using a DOM function 507:JavaScript libraries 378:with the release of 200:Browser Object Model 43:rewrite this article 1851:"#990000" 1761:And much, much more 380:Internet Explorer 4 364:client-side scripts 173:Character encodings 3368:Ecma International 3178:Google Web Toolkit 2503:Application server 2043:"Web Style Sheets" 2024:. October 22, 2003 1742:Show and hide text 1390:changeDisplayState 1114:changeDisplayState 3470: 3469: 3339:Douglas Crockford 3322: 3321: 3232:Wakanda Framework 2932: 2931: 2851: 2850: 2828:Browser extension 2803: 2802: 2523: 2522: 2459:Phusion Passenger 2142:978-1-4302-5092-0 1920:"click" 1887:"block" 1538:"utf-8" 1357:"click" 1210:"block" 809:"utf-8" 574:"utf-8" 345: 344: 60: 59: 36:a manual or guide 3490: 3452: 3451: 3434: 3433: 3151: 3150: 2959: 2952: 2945: 2936: 2935: 2897:Web API security 2819:Remote scripting 2789:Web SQL Database 2605: 2604: 2534: 2533: 2230: 2229: 2210: 2203: 2196: 2187: 2186: 2162: 2161: 2159: 2157: 2126: 2115: 2109: 2108: 2106: 2105: 2090: 2084: 2083: 2081: 2080: 2065: 2059: 2058: 2056: 2054: 2039: 2033: 2032: 2030: 2029: 2014: 1998:Dynamic web page 1987: 1984: 1981: 1978: 1975: 1972: 1969: 1966: 1963: 1960: 1957: 1954: 1951: 1948: 1945: 1942: 1939: 1936: 1933: 1930: 1927: 1924: 1921: 1918: 1915: 1914:addEventListener 1912: 1909: 1906: 1903: 1900: 1897: 1894: 1891: 1888: 1885: 1882: 1879: 1876: 1873: 1870: 1867: 1864: 1861: 1858: 1855: 1852: 1849: 1846: 1843: 1840: 1837: 1834: 1831: 1828: 1825: 1822: 1819: 1816: 1813: 1810: 1807: 1804: 1801: 1798: 1795: 1792: 1788: 1785: 1782: 1779: 1776: 1773: 1770: 1767: 1764: 1760: 1757: 1754: 1751: 1748: 1745: 1741: 1738: 1735: 1732: 1729: 1726: 1722: 1719: 1716: 1713: 1710: 1707: 1704: 1701: 1698: 1695: 1692: 1689: 1686: 1683: 1679: 1676: 1673: 1670: 1667: 1664: 1661: 1658: 1655: 1652: 1649: 1646: 1643: 1640: 1636: 1633: 1630: 1627: 1624: 1621: 1618: 1615: 1612: 1609: 1606: 1603: 1600: 1597: 1594: 1591: 1588: 1585: 1582: 1579: 1576: 1573: 1570: 1567: 1564: 1561: 1558: 1555: 1551: 1548: 1545: 1542: 1539: 1536: 1533: 1530: 1527: 1524: 1521: 1518: 1515: 1512: 1509: 1506: 1503: 1500: 1497: 1436: 1433: 1430: 1427: 1424: 1421: 1418: 1415: 1412: 1409: 1406: 1403: 1400: 1397: 1394: 1391: 1388: 1385: 1382: 1379: 1376: 1373: 1370: 1367: 1364: 1361: 1358: 1355: 1352: 1351:addEventListener 1349: 1346: 1343: 1340: 1337: 1334: 1331: 1328: 1325: 1322: 1319: 1316: 1313: 1310: 1307: 1304: 1301: 1298: 1295: 1292: 1289: 1286: 1283: 1280: 1277: 1274: 1271: 1268: 1265: 1262: 1261:"none" 1259: 1256: 1253: 1250: 1247: 1244: 1241: 1238: 1235: 1232: 1229: 1226: 1223: 1220: 1217: 1214: 1211: 1208: 1205: 1202: 1199: 1196: 1193: 1190: 1187: 1184: 1181: 1178: 1175: 1172: 1169: 1166: 1163: 1160: 1159:"none" 1157: 1154: 1151: 1148: 1145: 1142: 1139: 1136: 1133: 1130: 1127: 1124: 1121: 1118: 1115: 1112: 1109: 1106: 1103: 1100: 1097: 1094: 1090: 1087: 1084: 1081: 1078: 1075: 1071: 1068: 1065: 1062: 1059: 1056: 1053: 1050: 1047: 1044: 1041: 1037: 1034: 1031: 1028: 1025: 1022: 1019: 1016: 1013: 1010: 1007: 1004: 1001: 998: 994: 991: 988: 985: 982: 979: 976: 973: 970: 967: 964: 961: 958: 955: 952: 949: 946: 943: 940: 937: 934: 931: 928: 925: 922: 919: 916: 913: 910: 907: 904: 901: 898: 895: 892: 889: 886: 883: 880: 877: 874: 871: 868: 865: 862: 859: 856: 853: 850: 849:background-color 847: 844: 841: 838: 835: 832: 829: 826: 822: 819: 816: 813: 810: 807: 804: 801: 798: 795: 792: 789: 786: 783: 780: 777: 762: 759: 756: 753: 750: 747: 744: 741: 738: 735: 732: 729: 726: 723: 720: 717: 714: 711: 708: 705: 702: 699: 696: 693: 690: 687: 684: 681: 678: 675: 672: 669: 666: 663: 660: 657: 654: 651: 648: 645: 642: 639: 636: 633: 630: 627: 624: 621: 618: 615: 612: 609: 606: 603: 600: 597: 594: 591: 587: 584: 581: 578: 575: 572: 569: 566: 563: 560: 557: 554: 551: 548: 545: 542: 539: 536: 533: 392:dynamic web page 337: 330: 323: 288:Rendering engine 178:named characters 62: 61: 55: 52: 46: 34:is written like 27: 26: 19: 3498: 3497: 3493: 3492: 3491: 3489: 3488: 3487: 3473: 3472: 3471: 3466: 3444:Ajax frameworks 3422: 3351: 3318: 3290: 3276: 3235: 3140: 3039: 3031: 2968: 2963: 2933: 2928: 2902:Web application 2847: 2799: 2767: 2744: 2671: 2594: 2519: 2463: 2390: 2369:JavaScript JSGI 2349:ASP.NET Handler 2332:Jakarta Servlet 2298: 2219: 2214: 2171: 2166: 2165: 2155: 2153: 2143: 2124: 2116: 2112: 2103: 2101: 2091: 2087: 2078: 2076: 2066: 2062: 2052: 2050: 2041: 2040: 2036: 2027: 2025: 2016: 2015: 2011: 2006: 1994: 1989: 1988: 1985: 1982: 1979: 1976: 1973: 1970: 1967: 1964: 1961: 1958: 1955: 1952: 1949: 1946: 1943: 1940: 1937: 1934: 1931: 1928: 1925: 1922: 1919: 1916: 1913: 1910: 1907: 1904: 1901: 1898: 1895: 1892: 1889: 1886: 1883: 1880: 1877: 1874: 1871: 1868: 1865: 1862: 1859: 1856: 1853: 1850: 1847: 1844: 1841: 1838: 1835: 1832: 1829: 1826: 1823: 1820: 1817: 1814: 1811: 1808: 1805: 1802: 1799: 1796: 1793: 1790: 1786: 1783: 1780: 1777: 1774: 1771: 1768: 1765: 1762: 1758: 1755: 1752: 1749: 1746: 1743: 1739: 1736: 1733: 1730: 1727: 1724: 1720: 1717: 1714: 1711: 1708: 1705: 1702: 1699: 1696: 1693: 1690: 1687: 1684: 1681: 1677: 1674: 1671: 1668: 1665: 1662: 1659: 1656: 1653: 1650: 1647: 1644: 1641: 1638: 1634: 1631: 1628: 1625: 1622: 1619: 1616: 1613: 1610: 1607: 1604: 1601: 1598: 1595: 1592: 1589: 1586: 1583: 1580: 1577: 1574: 1571: 1568: 1565: 1562: 1559: 1556: 1553: 1549: 1546: 1543: 1540: 1537: 1534: 1531: 1528: 1525: 1522: 1519: 1516: 1513: 1510: 1507: 1504: 1501: 1498: 1495: 1481: 1449: 1443: 1438: 1437: 1434: 1431: 1428: 1425: 1422: 1419: 1416: 1413: 1410: 1407: 1404: 1401: 1398: 1395: 1392: 1389: 1386: 1383: 1380: 1377: 1374: 1371: 1368: 1365: 1362: 1359: 1356: 1353: 1350: 1347: 1344: 1341: 1338: 1335: 1332: 1329: 1326: 1323: 1320: 1317: 1314: 1311: 1308: 1305: 1302: 1299: 1296: 1293: 1290: 1287: 1284: 1281: 1278: 1275: 1272: 1269: 1266: 1263: 1260: 1257: 1254: 1251: 1248: 1245: 1242: 1239: 1236: 1233: 1230: 1227: 1224: 1221: 1218: 1215: 1212: 1209: 1206: 1203: 1200: 1197: 1194: 1191: 1188: 1185: 1182: 1179: 1176: 1173: 1170: 1167: 1164: 1161: 1158: 1155: 1152: 1149: 1146: 1143: 1140: 1137: 1134: 1131: 1128: 1125: 1122: 1119: 1116: 1113: 1110: 1107: 1104: 1101: 1098: 1095: 1092: 1088: 1085: 1082: 1079: 1076: 1073: 1069: 1066: 1063: 1060: 1057: 1054: 1051: 1048: 1045: 1042: 1039: 1035: 1032: 1029: 1026: 1023: 1020: 1017: 1014: 1011: 1008: 1005: 1002: 999: 996: 992: 989: 986: 983: 980: 977: 974: 971: 968: 965: 962: 959: 956: 953: 950: 947: 944: 941: 938: 935: 932: 929: 926: 923: 920: 917: 914: 911: 908: 905: 902: 899: 896: 893: 890: 887: 884: 881: 878: 875: 872: 869: 866: 863: 860: 857: 854: 851: 848: 845: 842: 839: 836: 833: 830: 827: 824: 820: 817: 814: 811: 808: 805: 802: 799: 796: 793: 790: 787: 784: 781: 778: 775: 769: 764: 763: 760: 757: 754: 751: 748: 745: 742: 739: 736: 733: 730: 727: 724: 721: 718: 715: 712: 709: 706: 703: 700: 697: 694: 691: 688: 685: 682: 679: 676: 673: 670: 667: 664: 661: 658: 655: 652: 649: 646: 643: 640: 637: 634: 631: 628: 625: 622: 620:"red" 619: 616: 613: 610: 607: 604: 601: 598: 595: 592: 589: 585: 582: 579: 576: 573: 570: 567: 564: 561: 558: 555: 552: 549: 546: 543: 540: 537: 534: 531: 525: 519: 498:inherited from 488:Mozilla Firefox 436: 390:By contrast, a 385: 341: 56: 50: 47: 40: 28: 24: 17: 12: 11: 5: 3496: 3486: 3485: 3468: 3467: 3465: 3464: 3459: 3454: 3446: 3441: 3436: 3427: 3424: 3423: 3421: 3420: 3415: 3410: 3405: 3400: 3395: 3390: 3385: 3380: 3375: 3370: 3365: 3359: 3357: 3353: 3352: 3350: 3349: 3346: 3341: 3336: 3330: 3328: 3324: 3323: 3320: 3319: 3317: 3316: 3311: 3306: 3300: 3298: 3292: 3291: 3289: 3288: 3284: 3282: 3278: 3277: 3275: 3274: 3271: 3266: 3261: 3256: 3251: 3245: 3243: 3237: 3236: 3234: 3233: 3230: 3225: 3220: 3218: 3213: 3208: 3203: 3198: 3193: 3190: 3185: 3180: 3175: 3170: 3165: 3159: 3157: 3148: 3142: 3141: 3139: 3138: 3133: 3128: 3127: 3126: 3116: 3111: 3106: 3105: 3104: 3099: 3089: 3084: 3079: 3074: 3069: 3064: 3062:JavaScriptCore 3059: 3054: 3049: 3043: 3041: 3033: 3032: 3030: 3029: 3024: 3019: 3014: 3009: 3004: 3003: 3002: 2997: 2987: 2982: 2976: 2974: 2970: 2969: 2962: 2961: 2954: 2947: 2939: 2930: 2929: 2927: 2926: 2921: 2920: 2919: 2914: 2909: 2899: 2894: 2893: 2892: 2882: 2881: 2880: 2875: 2865: 2859: 2857: 2853: 2852: 2849: 2848: 2846: 2845: 2840: 2835: 2830: 2825: 2811: 2809: 2805: 2804: 2801: 2800: 2798: 2797: 2792: 2791:(formerly W3C) 2786: 2781: 2775: 2773: 2769: 2768: 2766: 2765: 2760: 2754: 2752: 2746: 2745: 2743: 2742: 2737: 2732: 2727: 2722: 2717: 2712: 2707: 2702: 2697: 2692: 2687: 2681: 2679: 2673: 2672: 2670: 2669: 2667:XMLHttpRequest 2664: 2659: 2654: 2649: 2644: 2639: 2634: 2629: 2624: 2619: 2613: 2611: 2602: 2596: 2595: 2593: 2592: 2587: 2582: 2577: 2576: 2575: 2565: 2560: 2559: 2558: 2553: 2542: 2540: 2531: 2525: 2524: 2521: 2520: 2518: 2517: 2512: 2511: 2510: 2500: 2495: 2490: 2481: 2471: 2469: 2465: 2464: 2462: 2461: 2456: 2451: 2446: 2441: 2436: 2431: 2426: 2421: 2416: 2411: 2406: 2400: 2398: 2396:Apache modules 2392: 2391: 2389: 2388: 2387: 2386: 2376: 2371: 2366: 2361: 2356: 2351: 2346: 2341: 2340: 2339: 2329: 2324: 2319: 2314: 2308: 2306: 2300: 2299: 2297: 2296: 2291: 2286: 2281: 2276: 2271: 2266: 2265: 2264: 2259: 2254: 2249: 2238: 2236: 2227: 2221: 2220: 2217:Web interfaces 2213: 2212: 2205: 2198: 2190: 2184: 2183: 2178: 2170: 2169:External links 2167: 2164: 2163: 2141: 2110: 2085: 2060: 2049:. 22 July 1999 2034: 2008: 2007: 2005: 2002: 2001: 2000: 1993: 1990: 1947:preventDefault 1902:getElementById 1863:getElementById 1827:getElementById 1552:Dynamic Styles 1511:"en" 1494: 1480: 1479:Dynamic styles 1477: 1445:Main article: 1442: 1439: 1396:displayElement 1384:preventDefault 1333:getElementById 1306:getElementById 1294:displayElement 1243:displayElement 1192:displayElement 1165:displayElement 1141:displayElement 1120:displayElement 1038:Show paragraph 774: 768: 765: 662:getElementById 547:"en" 530: 518: 515: 457: 456: 453: 450: 447: 435: 432: 343: 342: 340: 339: 332: 325: 317: 314: 313: 312: 311: 306: 298: 297: 293: 292: 291: 290: 285: 280: 275: 270: 269: 268: 258: 257: 256: 251: 246: 236: 235: 234: 224: 219: 214: 213: 212: 202: 197: 192: 187: 186: 185: 180: 170: 165: 160: 159: 158: 151:HTML attribute 148: 147: 146: 141: 136: 131: 121: 120: 119: 117:Mobile Profile 114: 104: 103: 102: 97: 92: 87: 77: 69: 68: 58: 57: 31: 29: 22: 15: 9: 6: 4: 3: 2: 3495: 3484: 3481: 3480: 3478: 3463: 3460: 3458: 3455: 3447: 3445: 3442: 3440: 3437: 3429: 3428: 3425: 3419: 3416: 3414: 3411: 3409: 3406: 3404: 3401: 3399: 3396: 3394: 3391: 3389: 3386: 3384: 3381: 3379: 3376: 3374: 3371: 3369: 3366: 3364: 3361: 3360: 3358: 3354: 3347: 3345: 3342: 3340: 3337: 3335: 3332: 3331: 3329: 3325: 3315: 3314:Underscore.js 3312: 3310: 3307: 3305: 3302: 3301: 3299: 3297: 3293: 3286: 3285: 3283: 3279: 3272: 3270: 3267: 3265: 3262: 3260: 3257: 3255: 3252: 3250: 3247: 3246: 3244: 3242: 3238: 3231: 3229: 3226: 3224: 3221: 3219: 3217: 3214: 3212: 3209: 3207: 3204: 3202: 3199: 3197: 3194: 3191: 3189: 3188:Lively Kernel 3186: 3184: 3181: 3179: 3176: 3174: 3171: 3169: 3166: 3164: 3161: 3160: 3158: 3156: 3152: 3149: 3147: 3143: 3137: 3134: 3132: 3129: 3125: 3122: 3121: 3120: 3117: 3115: 3112: 3110: 3107: 3103: 3100: 3098: 3095: 3094: 3093: 3090: 3088: 3085: 3083: 3080: 3078: 3075: 3073: 3070: 3068: 3065: 3063: 3060: 3058: 3055: 3053: 3050: 3048: 3045: 3044: 3042: 3038: 3034: 3028: 3025: 3023: 3020: 3018: 3015: 3013: 3010: 3008: 3005: 3001: 2998: 2996: 2993: 2992: 2991: 2988: 2986: 2983: 2981: 2978: 2977: 2975: 2971: 2967: 2960: 2955: 2953: 2948: 2946: 2941: 2940: 2937: 2925: 2924:Web framework 2922: 2918: 2915: 2913: 2910: 2908: 2905: 2904: 2903: 2900: 2898: 2895: 2891: 2888: 2887: 2886: 2885:Web standards 2883: 2879: 2876: 2874: 2871: 2870: 2869: 2866: 2864: 2863:Microservices 2861: 2860: 2858: 2854: 2844: 2841: 2839: 2836: 2834: 2831: 2829: 2826: 2824: 2820: 2816: 2813: 2812: 2810: 2806: 2796: 2793: 2790: 2787: 2785: 2782: 2780: 2777: 2776: 2774: 2770: 2764: 2761: 2759: 2756: 2755: 2753: 2751: 2747: 2741: 2738: 2736: 2733: 2731: 2728: 2726: 2723: 2721: 2718: 2716: 2713: 2711: 2708: 2706: 2703: 2701: 2698: 2696: 2693: 2691: 2688: 2686: 2683: 2682: 2680: 2678: 2674: 2668: 2665: 2663: 2660: 2658: 2655: 2653: 2652:Web messaging 2650: 2648: 2645: 2643: 2640: 2638: 2635: 2633: 2630: 2628: 2625: 2623: 2620: 2618: 2615: 2614: 2612: 2610: 2606: 2603: 2601: 2597: 2591: 2588: 2586: 2583: 2581: 2578: 2574: 2571: 2570: 2569: 2566: 2564: 2561: 2557: 2554: 2552: 2549: 2548: 2547: 2544: 2543: 2541: 2539: 2535: 2532: 2530: 2526: 2516: 2513: 2509: 2506: 2505: 2504: 2501: 2499: 2496: 2494: 2491: 2489: 2485: 2482: 2480: 2476: 2473: 2472: 2470: 2466: 2460: 2457: 2455: 2452: 2450: 2447: 2445: 2442: 2440: 2437: 2435: 2432: 2430: 2427: 2425: 2422: 2420: 2417: 2415: 2412: 2410: 2407: 2405: 2402: 2401: 2399: 2397: 2393: 2385: 2382: 2381: 2380: 2377: 2375: 2372: 2370: 2367: 2365: 2362: 2360: 2357: 2355: 2352: 2350: 2347: 2345: 2342: 2338: 2335: 2334: 2333: 2330: 2328: 2325: 2323: 2320: 2318: 2315: 2313: 2310: 2309: 2307: 2305: 2301: 2295: 2292: 2290: 2287: 2285: 2282: 2280: 2277: 2275: 2272: 2270: 2267: 2263: 2260: 2258: 2255: 2253: 2250: 2248: 2245: 2244: 2243: 2240: 2239: 2237: 2235: 2231: 2228: 2226: 2222: 2218: 2211: 2206: 2204: 2199: 2197: 2192: 2191: 2188: 2182: 2179: 2176: 2173: 2172: 2152: 2148: 2144: 2138: 2134: 2130: 2123: 2122: 2114: 2100: 2099:Stephen's Web 2096: 2089: 2075: 2071: 2064: 2048: 2044: 2038: 2023: 2019: 2013: 2009: 1999: 1996: 1995: 1675:"#" 1492: 1488: 1485: 1476: 1474: 1473:event handler 1469: 1466: 1460: 1458: 1454: 1448: 1033:"#" 772: 588:DHTML example 528: 524: 514: 512: 508: 503: 501: 497: 493: 489: 485: 481: 477: 473: 468: 465: 463: 462:web standards 454: 451: 448: 445: 444: 443: 441: 431: 429: 424: 419: 417: 413: 409: 405: 401: 397: 393: 388: 383: 381: 377: 373: 369: 365: 361: 357: 353: 349: 338: 333: 331: 326: 324: 319: 318: 316: 315: 310: 307: 305: 302: 301: 300: 299: 295: 294: 289: 286: 284: 281: 279: 276: 274: 271: 267: 264: 263: 262: 259: 255: 252: 250: 247: 245: 242: 241: 240: 237: 233: 230: 229: 228: 225: 223: 220: 218: 215: 211: 208: 207: 206: 203: 201: 198: 196: 193: 191: 190:Language code 188: 184: 181: 179: 176: 175: 174: 171: 169: 166: 164: 161: 157: 156:alt attribute 154: 153: 152: 149: 145: 142: 140: 137: 135: 132: 130: 127: 126: 125: 122: 118: 115: 113: 110: 109: 108: 105: 101: 98: 96: 93: 91: 88: 86: 83: 82: 81: 78: 76: 73: 72: 71: 70: 67: 64: 63: 54: 51:December 2008 44: 39: 37: 32:This article 30: 21: 20: 3362: 3348:Scott Isaacs 3334:Brendan Eich 3131:JScript .NET 3092:SpiderMonkey 3040:(comparison) 3012:JScript .NET 2980:ActionScript 2822: 2538:Browser APIs 2479:Web resource 2154:. Retrieved 2120: 2113: 2102:. Retrieved 2098: 2088: 2077:. Retrieved 2073: 2063: 2051:. Retrieved 2046: 2037: 2026:. Retrieved 2021: 2012: 1489: 1486: 1482: 1470: 1461: 1450: 1183:"" 770: 526: 504: 469: 466: 458: 437: 420: 414:) where the 389: 384: 360:style sheets 351: 348:Dynamic HTML 347: 346: 205:Style sheets 134:div and span 124:HTML element 75:Dynamic HTML 74: 48: 41:Please help 33: 3453:Comparisons 3304:Backbone.js 3241:Server-side 3155:Client-side 3102:JägerMonkey 3097:TraceMonkey 2917:Progressive 2912:Single-page 2720:WebAssembly 2700:Geolocation 2657:Web storage 2563:C NPRuntime 2551:LiveConnect 2529:Client-side 2475:Web service 2404:mod_include 2359:Python ASGI 2354:Python WSGI 2304:Server APIs 2225:Server-side 1402:textElement 1345:textElement 1321:textElement 1267:textElement 1216:textElement 1126:textElement 296:Comparisons 283:Web storage 278:Quirks mode 217:Font family 168:HTML editor 3344:John Resig 3287:Cappuccino 3223:SproutCore 3146:Frameworks 3119:ChakraCore 3022:TypeScript 2990:JavaScript 2966:ECMAScript 2685:DOM events 2662:Web worker 2647:WebSockets 2508:comparison 2444:mod_python 2424:mod_parrot 2257:Encryption 2175:QuirksMode 2104:2022-08-27 2079:2022-10-13 2028:2022-02-16 2004:References 1453:JavaScript 900:background 876:background 523:DOM events 521:See also: 500:ECMAScript 490:2.0+, and 416:web server 368:JavaScript 227:JavaScript 222:Web colors 163:HTML frame 3408:SunSpider 3309:SWFObject 3296:Libraries 3273:WakandaDB 3206:Prototype 3027:WMLScript 2843:Scripting 2705:IndexedDB 2556:XPConnect 2515:Scripting 2439:mod_proxy 2384:container 2374:Perl PSGI 2364:Ruby Rack 2337:container 2294:WebSocket 2234:Protocols 1688:></ 1273:innerHTML 1222:innerHTML 1046:></ 737:></ 398:(such as 382:in 1997. 376:Microsoft 266:Validator 3477:Category 3418:CommonJS 3281:Multiple 3201:MooTools 3196:MochiKit 3082:QtScript 3077:Linear B 3057:InScript 3017:QtScript 2973:Dialects 2868:Web page 2725:WebAuthn 2600:Web APIs 2493:Open API 2454:mod_ruby 2449:mod_wsgi 2429:mod_perl 2419:mod_mono 2414:mod_lisp 2344:CLI OWIN 2151:20526670 1992:See also 1926:function 1896:document 1857:document 1821:document 1809:function 1654:>< 1363:function 1327:document 1300:document 1111:function 1012:>< 894:toggleMe 656:document 635:function 509:such as 372:VBScript 3403:Sputnik 3249:Node.js 3216:qooxdoo 3136:Nashorn 3109:Tamarin 3067:JScript 3052:Futhark 3047:Carakan 3037:Engines 3007:JScript 2995:engines 2878:Dynamic 2838:Web IDL 2784:GraphQL 2750:Khronos 2580:ActiveX 2568:C PPAPI 2546:C NPAPI 2498:Webhook 2434:mod_php 2379:Portlet 2327:COM ASP 2322:C ISAPI 2317:C ASAPI 2312:C NSAPI 2156:May 30, 2053:7 April 1881:display 1578:display 1532:charset 1459:(DOM). 1255:display 1204:display 1177:display 1153:display 942:padding 912:display 803:charset 707:<!-- 614:bgcolor 568:charset 505:Later, 412:ASP.NET 183:Unicode 144:marquee 85:article 3388:JSLint 3383:JSHint 3327:People 3269:AppJet 3192:midori 3183:jQuery 3173:Ext JS 3124:Chakra 3000:asm.js 2873:Static 2856:Topics 2833:Mashup 2808:Topics 2795:WebUSB 2772:Others 2735:WebRTC 2730:WebGPU 2622:Canvas 2609:WHATWG 2468:Topics 2409:mod_jk 2262:WebDAV 2149:  2139:  2074:EDUCBA 1965:script 1953:showMe 1812:showMe 1803:script 1414:script 1105:script 924:margin 740:script 725:script 719:--> 701:script 686:onload 680:window 629:script 511:jQuery 404:Python 273:WHATWG 249:WebGPU 95:canvas 3435:Lists 3373:JSDoc 3363:DHTML 3356:Other 3264:Jaxer 3087:Rhino 2823:DHTML 2779:Gears 2763:WebGL 2758:WebCL 2740:WebXR 2642:Video 2617:Audio 2147:S2CID 2125:(PDF) 1980:</ 1971:</ 1962:</ 1941:event 1932:event 1875:style 1845:color 1839:style 1791:</ 1772:</ 1763:</ 1744:</ 1725:</ 1682:</ 1639:</ 1602:</ 1596:style 1593:</ 1566:style 1557:title 1554:</ 1547:title 1429:</ 1420:</ 1411:</ 1378:event 1369:event 1249:style 1198:style 1171:style 1147:style 1093:</ 1074:</ 1040:</ 997:</ 969:</ 963:style 960:</ 870:hover 837:style 828:title 825:</ 818:title 755:</ 746:</ 698:</ 650:myObj 599:</ 593:title 590:</ 583:title 492:Opera 480:debug 352:DHTML 350:, or 254:WebXR 244:WebGL 239:Web3D 232:WebCL 139:blink 112:Basic 107:XHTML 100:video 90:audio 80:HTML5 3483:HTML 3398:JSSS 3393:JSON 3378:JSGI 3254:Deno 3228:Spry 3211:Pyjs 3168:Echo 3163:Dojo 2985:Caja 2907:Rich 2890:REST 2821:vs. 2817:and 2815:Ajax 2695:File 2627:CORS 2590:XBAP 2573:NaCl 2486:vs. 2477:vs. 2289:WSRP 2279:FCGI 2274:SCGI 2242:HTTP 2158:2022 2137:ISBN 2055:2018 1986:> 1983:html 1977:> 1974:body 1968:> 1806:> 1800:< 1797:> 1787:> 1781:< 1778:> 1769:> 1759:> 1753:< 1750:> 1740:> 1734:< 1731:> 1721:> 1715:< 1712:> 1697:< 1694:> 1678:> 1669:href 1648:< 1645:> 1635:> 1620:< 1617:> 1614:body 1611:< 1608:> 1605:head 1599:> 1584:none 1569:> 1563:< 1560:> 1550:> 1544:< 1541:> 1529:meta 1526:< 1523:> 1520:head 1517:< 1514:> 1505:lang 1502:html 1499:< 1465:tree 1435:> 1432:html 1426:> 1423:body 1417:> 1237:else 1108:> 1102:< 1099:> 1089:> 1083:< 1080:> 1070:> 1055:< 1052:> 1036:> 1027:href 1006:< 1003:> 993:> 987:< 984:> 981:body 978:< 975:> 972:head 966:> 918:none 906:#cfc 882:#ff0 855:#eee 840:> 834:< 831:> 821:> 815:< 812:> 800:meta 797:< 794:> 791:head 788:< 785:> 782:html 779:< 761:> 758:html 752:> 749:body 743:> 722:< 704:> 692:init 638:init 632:> 626:< 623:> 611:body 608:< 605:> 602:head 596:> 586:> 580:< 577:> 565:meta 562:< 559:> 556:head 553:< 550:> 541:lang 538:html 535:< 434:Uses 428:tabs 423:Ajax 362:and 356:HTML 129:meta 66:HTML 3259:Bun 3072:KJS 2715:SVG 2710:MSE 2690:EME 2677:W3C 2637:SSE 2632:DOM 2585:BHO 2488:ROA 2484:WOA 2284:AJP 2269:CGI 2129:doi 2047:W3C 2022:W3C 1959:}); 1956:(); 1950:(); 1408:}); 1387:(); 1318:let 1291:let 1180:=== 1156:=== 728:src 647:let 496:DOM 410:or 408:JSP 400:PHP 261:W3C 210:CSS 3479:: 3114:V8 2252:v3 2247:v2 2145:. 2135:. 2097:. 2072:. 2045:. 2020:. 1911:). 1872:). 1836:). 1815:() 1775:ul 1766:li 1756:li 1747:li 1737:li 1728:li 1718:li 1703:id 1700:ul 1660:id 1642:h1 1626:id 1623:h1 1572:ul 1405:); 1342:); 1315:); 1162:|| 1135:if 1061:id 1049:h2 1018:id 1009:h2 1000:h1 990:h1 951:em 933:px 930:30 671:); 641:() 502:. 486:, 406:, 402:, 370:, 358:, 2958:e 2951:t 2944:v 2209:e 2202:t 2195:v 2160:. 2131:: 2107:. 2082:. 2057:. 2031:. 1944:. 1938:{ 1935:) 1929:( 1923:, 1917:( 1905:( 1899:. 1893:} 1890:; 1884:= 1878:. 1866:( 1860:. 1854:; 1848:= 1842:. 1830:( 1824:. 1818:{ 1794:p 1784:p 1706:= 1691:p 1685:a 1672:= 1663:= 1657:a 1651:p 1629:= 1590:} 1587:; 1581:: 1575:{ 1535:= 1508:= 1399:, 1393:( 1381:. 1375:{ 1372:) 1366:( 1360:, 1354:( 1348:. 1336:( 1330:. 1324:= 1309:( 1303:. 1297:= 1288:} 1285:} 1282:; 1276:= 1270:. 1264:; 1258:= 1252:. 1246:. 1240:{ 1234:} 1231:; 1225:= 1219:. 1213:; 1207:= 1201:. 1195:. 1189:{ 1186:) 1174:. 1168:. 1150:. 1144:. 1138:( 1132:{ 1129:) 1123:, 1117:( 1096:p 1086:p 1077:p 1064:= 1058:p 1043:a 1030:= 1021:= 1015:a 957:} 954:; 948:1 945:: 939:; 936:0 927:: 921:; 915:: 909:; 903:: 897:{ 891:# 888:} 885:; 879:: 873:{ 867:: 864:a 861:} 858:; 852:: 846:{ 843:a 806:= 731:= 695:; 689:= 683:. 677:} 665:( 659:. 653:= 644:{ 617:= 571:= 544:= 366:( 336:e 329:t 322:v 53:) 49:( 38:.

Index

a manual or guide
rewrite this article
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
HTML editor
Character encodings
named characters
Unicode
Language code
Document Object Model
Browser Object Model
Style sheets
CSS
Font family

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