Startseite > PHP-/HTML-Seitengerüst
PHP-/HTML-Seitengerüst
Mit diesem PHP-/HTML-Seitengerüst (Template) erfahren Sie alles über die PHP-Anweisungen und HTML-Elemente, die in der Webseiten-Vorlage verwendet werden.
Grün unterlegt sind Einträge in PHP-Include-Elementen, die Sie versorgen, ändern oder ergänzen müssen. Diese Einträge sind Website-bezogen, gelten also für alle Seiten. Sie können diese Einträge auch zu einem späteren Zeitpunkt ändern oder ergänzen.
Gelb unterlegt sind alle HTML-Elemente, die versorgt, angepaßt oder ergänzt werden müssen. Diese Einträge sind seitenspezifisch, gelten also nur für die jeweilige Seite.
<?php ob_start("ob_gzhandler"); ?>
PHP-Anweisung: liefert die Seite GZIP-komprimiert aus, muß in der 1. Zeile stehen
<!DOCTYPE html>
Dokumenttyp-Erlärung für aktuelles HTML (HTML5), muß in der 2. Zeile stehen
<html lang="de">
HTML-Element html (Wurzelelement): Anfangs-tag und Sprachattribut
<head>
HTML-Element head (Kopf, enthält Meta-Informationen): Anfangs-tag
<title>kurze Beschreibung des Seiteninhalts, bis zu 60 Zeichen</title>
HTML-Element title: Seitentitel für kurze Beschreibung der Seite, suchmaschinen-relevant
<meta charset="utf-8">
HTML-Meta-Element für Angabe der Zeichenkodierung (immer utf-8)
<meta name="description" content="lange Beschreibung des Seiteninhalts, bis zu 160 Zeichen">
HTML-Meta-Element description für lange Beschreibung der Seite, suchmaschinen-relevant
<meta name="robots" content="index, follow, noarchive>">
HTML-Meta-Element robots: Anweisungen zur Indexierung für Suchmaschinen:
- index,follow (Standardwert): Seite soll von Suchmaschinen indexiert werden
- noindex,nofollow: Seite soll von Suchmaschinen nicht indexiert werden
- kein noarchive (Standardwert): Im Cache
-Link soll angezeigt werden
- noarchive: Im Cache
-Link soll von Suchmaschinen nicht angezeigt werden
Ausführliche Infos zum Meta-Element robots finden Sie dort bei Google.
<?php readfile('./x-includes/meta.inc'); ?>
PHP-Anweisung: liest den Inhalt des PHP-Include-Elements meta.inc ein:
meta-, link- und script-Elemente, die für alle Ihre Seiten gleich sind.
Einige Einträge im Element müssen von Ihnen versorgt werden: siehe hier.
</head>
HTML-Element head: Ende-tag
<body>
HTML-Element body (enthält die sichtbaren Seitenelemente): Anfangs-tag
entweder (Ihre Entscheidung: Kopfzeilen-Bild oder Kopfzeilen-Farbverlauf)
<header id="kopf-bild"> oder <header id="kopf-fv">
<?php readfile('./x-includes/kopf.inc'); ?>
PHP-Anweisung: liest den Inhalt des PHP-Include-Elements kopf.inc ein:
Elemente der Kopfzeile (HTML-header), die für alle Ihre Seiten gleich sind
Zwei Einträge im Element müssen von Ihnen versorgt werden: siehe hier.
</header>
<main>
HTML-Element main (enthält den Hauptabschnitt der Seite): Anfangs-tag
<div class="hnav">...</div>
div-Behälter mit Hamburger
-Link zur Anzeige des Menüs auf schmalen
Endgeräten (wird auf breiten Bildschirmen ausgeblendet)
<article>
HTML-Element article (enthält Ihre Seiteninhalte): Anfangs-tag
<p class="pfad">...</p>
Absatz p mit Brotkrumen
-Navigation (auf schmalen Endgeräten ausgeblendet)
Die Brotkrumen
-Navigation muß von Ihnen gepflegt werden.
<h2 id="inhalt">Die Überschrift für diese Seite</h2>
HTML-Element h2: Überschrift 2. Ordnung, suchmaschinen-relevant
Hier fügen Sie Ihre Seiteninhalte ein: Fließtext-Absätze (ggf. in Spalten),
Textumfluß links neben rechts angeordnetem Bild (oder andersherum),
vorformatierte Textblöcke, Zitatblöcke, Aufzählungslisten, HTML-Tabellen,
Akkordeons, Bildergalerien, Großformat-Bilder, Zwischen-Überschriften h3
Verwenden Sie hierzu die Beispiele auf den Musterseiten, siehe auch hier.
<div class="blaettern">...</div>
div-Behälter mit Blätter
-Links: vorige Seite
und nächste Seite
Die beiden Blätter
-Links müssen von Ihnen je Seite versorgt werden.
Wenn Sie Hunderte Seiten haben und Ihnen das zu mühsam ist, können
Sie den ganzen div-Behälter auch auskommentieren oder ganz löschen.
</article>
HTML-Element article: Ende-tag
<div class="hnav" id="menu">...</div>
div-Behälter mit X
-Link zum Verlassen des Menüs auf schmalen
Endgeräten (wird auf breiten Bildschirmen ausgeblendet)
<nav id="navig">
HTML-Element nav (enthält Ihr Navigations-Menü)
<?php readfile('./x-includes/menue.inc'); ?>
PHP-Anweisung: liest den Inhalt des PHP-Include-Elements menue.inc
ein: das Navigations-Menü, das für alle Ihre Seiten gleich ist.
Alle Link-Elemente a müssen von Ihnen versorgt / erstellt werden: siehe hier.
</nav>
<div id="pfoben">
div-Behälter mit Pfeil-nach-oben-Link
am Fensterrand rechts unten
<?php readfile('./x-includes/pfoben.inc'); ?>
PHP-Anweisung: liest den Inhalt des PHP-Include-Elements pfoben.inc ein
</div>
</main>
HTML-Element main: Ende-tag
<footer>
HTML-Element footer (enthält Ihre Fußzeile)
<?php include('./x-includes/fuss.inc'); ?>
PHP-Anweisung: liest den Inhalt des PHP-Include-Elements fuss.inc ein:
Elemente der Fußzeile (HTML-footer), die für alle Ihre Seiten gleich sind
Tragen Sie alle Angaben ein, die angezeigt werden sollen: siehe hier.
</footer>
</body>
HTML-Element body: Ende-tag
</html>
HTML-Element html: Ende-tag: Feierabend ;-)
Dieses kleine, übersichtliche PHP-/HTML-Template ist für alle Seiten gleich. Ich hoffe, daß Sie sich schnell damit anfreunden.