HTML-Grundstruktur, Regeln und Dateikonventionen
Speziell für den Geltungsbereich diese Projektes!
An dieser Stelle beschreibe ich eine von vielen Möglichkeiten der Informationsverteilung eines Webangebotes. Auch auf die Gefahr, mich häufig wiederholen zu müssen, bildet PHP die zentrale Schnittstelle. Damit wird klar, dass die index- als auch main-Seite den MIME-Typ .php erhält. Als weitere inhaltstragende Seiten wende ich nur noch das Format .htx an. Diese werden im <body> inkludiert.
Wenn es zum guten Stil gehört, dass html als auch htm wie folgt aufgebaut sein soll:
<!DOCTYPE html> <!-- doctype ist nun kurz und übersichtlich -->
<html lang="de"> <!-- auf jeden Fall wichtig, wenn automatische Umbrüche hyphens erzeugt werden sollen -->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Titel</title>
</head>
<body>
<!-- Inhalt, der geschrieben oder erzeugt wird (include "inhalt.htx")-->
</body>
</html>
teile ich nun dem Browser mit, dass doctype, <head>- und <body>-Elemente nicht weiter im body-Element vorkommen werden. Explizit konnte ich zwar keine klare Verwendung im Internet ausfindig machen, da herrscht mehr Ratlosigkeit als Rat. Ich lasse mal alle Deutungsversuche. Es handelt sich einfach um Hypertext. Es sollte mit jedem Programm, das HTML versteht, geöffnet und bearbeitet werden können (WYSIWYG). Ich bevorzuge allerdings Notepad++. Im Browser kann ich mir das Ergebnis ja auch anschauen. Ob ich damit eindeutig dem Browser mitteile, dass nur noch Inhalt bis body-Ende folgt, kann ich nicht entgültig beantworten. Wenn ich den Dateikonventionen folge, ist dies aber schlüssig. Seiten, die nichts anderes als PHP verarbeiten, könnten auch die Endung erhalten - Dem Server wurde ja bereits mitgeteilt, dass eine serverseitige Verarbeitung von der main.php zu erfolgen hat - aber lass mer das. Das soll code.php ruhig so benannt sein.
Mir ist an dieser Stelle nur wichtig, darauf hinzuweisen: Der Browser bekommt zur Verarbeitung nur einen head- und einen body-Bereich. Die Logik, die ich damit erklären möchte ist die, dass die Hauptseite also main nicht .html oder .htm sein kann, wenn PHP zur Anwendung kommt. Mit dem MIME-Typ wird festgelegt, wie der Browser den Inhalt verarbeiten soll: serverseitig!
Als Gegensatz gilt das Frameset, das in seinen Fenstern Dateien refenziert, die dem Standart-HTML-Aufbau entsprechen sollten und zwar jede Datei.
Wozu man sich entscheidet, ist dann nur abhängig von dem, was man will und in der Lage ist, auch umzusetzen.
<!DOCTYPE html> <?php // es gibt nur diese Seite (main.php), die <title>, Schlüsselwörter und Beschreibung weitergibt. // Also muss dies hier vorbereitet werden ?> <html lang="de"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title><?php echo $titel; ?></title> <meta name="keywords" content="<?php echo $ar_meta_key[$int]; ?>"> </head> <body> <nav><!-- wie auch immer! die Navigation --></nav> <section><?php include "inhalt.htx" ?></section> <header><!-- Soll Headline, Bilder, Piktopramme oder sonst was vom Inhalt abhängig sein --> <!-- muss das hier nach dem Inhalt folgen --> </header> </body> </html>
Die informativen Inhalte ###.htx können beginnend mit StyleSheet-Angaben versehen werden. Es ist nicht zwingend notwendig, diese im <head> zu notieren. Der Aufbau kann sich folgend gestalten:
Die Datei: inhalt.htx
<link href="../css/seiten.css" type="text/css" rel="styleSheet">
<style type="text/css" media="screen">
/* p-Element nur für diesen Container deklarieren */
#contained p { font-size: 14px; line-height: 115%; width: 880px; margin: 0 0 4px 40px; }
</style>
<article id="contained">
<p>Hier wird alles wie sonst auch untergebracht</p>
</article>
Ich gehe zwar speziell noch auf das InlineFenster ein, muss es aber hier bereits als projekt-spezifisches elementares Element erwähnen.