Der Seitenaufbau ( HTML-header,  HTML-body ) einer App-Entwicklung 
 ist vielfach etwa so wie unten skizziert:
 IN BEARBEITUNG  IN BEARBEITUNG  IN BEARBEITUNG  IN BEARBEITUNG  IN BEARBEITUNG  

 <!DOCTYPE html>
 <html lang="de">
 <head>
 <title> ... Hier steht mein Titel ... </title>
 <meta name="robots" content="index, noimageindex" />
 <meta charset="UTF-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1" />
 <link rel="stylesheet" media="screen" href="../kern/app.css" />


 <script type="text/javascript" src="../kern/dl.js"></script>

 <script type="text/javascript">
 /*
    Hier steht mein ECMAscript-Quelltext für diese Seite, wie 
    selbstgeschriebene Bibliotheken, Module, Globale Funktionen,
    später wird Code ausgelagert ...
 */
 </script>
 
 <script type="text/javascript">
 /*
    Nach dem Rendern des HTML-Quelltextes z.B. Ausführung von  dl.css_class("app", [0, 1, 2, 3])
 */
    window.onload = function () { dl.css_class("liste oder app"); };
 </script> 

 </head>


 <body>

 <h1>  ... Hier steht mein Titel ...  </h1>


 <form action="#" onsubmit="return false;">

 <dl class="app"><dt></dt><dd class="kommandozeile"> ... "Button-Kommandos" der App

 </dd><dt></dt><dd class="formelemente"> ... <textarea id="TA0" ...> ... </textarea>

 </dd><dt></dt><dd class="kommandozeile">  ... "Button-Kommandos" der App

 </dd><dt></dt><dd class="formelemente"> ... <textarea id="TA1" ...> ... </textarea>
 </dd></dl>

 </form>


 </body>
 </html>