blog.icedcream.de - Der Unterschied zwischen HTML und PHP

Der Unterschied zwischen HTML und PHP

Sehr häufig liest man in Internet-Foren Fragen wie “Ich will mir eine Homepage bauen. Was ist besser, PHP oder HTML?”. Manche fragen sich sogar, ob man PHP vor HTML lernen sollte. Um allen Webdesigneinsteigern den Anfang zu erleichtern, möchte ich erläutern, warum HTML und PHP zwei ganz verschiedene Sachen sind.

Für was steht HTML?

HTML steht für “Hypertext Markup Language”, was übersetzt “Hypertext Auszeichnungssprache” bedeutet. Das sagt auch schon aus, worum es bei HTML geht: Text strukturieren. Der sogenannte Hypertext (also Text im WWW, wenn ich das mal so frei übersetzen darf) wird von HTML-Code ausgezeichnet. Die HTML-Tags verleihen dem Text in erster Linie Struktur. Im HTML-Code werden dem Browser auch grundlegende Informationen, wie der Titel der Seite, aber auch Infos für Suchmaschinen, die meist in META-Tags stehen, mitgegeben.

Ein einfacher Aufbau einer HTML-Seite könnte so aussehen:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

  <head>
    <title>Titel der Homepage</title>
  </head>

  <body>
    <h1>Überschrift</h1>
    <p>Text, Text und noch mehr Text, der zur Überschrift passt.</p>
    <h2>Unterüberschrift</h2>
    <p>Spezifischere Informationen, die zur Unterüberschrift passen.</p>
  </body>

</html>

Jetzt haben wir schon einen strukturierten Text. Alles, was in den <body>-Tags steht, wird ausgegeben. So gut wie jedes Tag wird auch standardmäßig von jedem Browser mit einer Formatierung versehen. Zum Beispiel stellt jeder Browser standardmäßig <h1> größer als <h2> dar, was auch irgendwie logisch ist. Um aus dem HTML-Code nun eine schöne Seite mit fetter, farbiger Schrift, buntem Hintergrund und zentrierter Überschrift zu machen, bedient man sich des CSS-Codes.

CSS

CSS steht für Cascading Stylesheets und kann als Ergänzung zu HTML angesehen werden. Wie bereits erwähnt, verändern HTML-Tags, die eigentlich nur zur Strukturierung des Textes gedacht sind, unweigerlich die Formatierung eines Textes. Um dieses Aussehen zu verändern, kann man mit CSS HTML-Tags manipulieren. Mit CSS wird bspw. angegeben, dass Text innerhalb aller <p>-Tags auf der Seite einen Abstand von 10px nach oben hat und in der Schriftart “Verdana” dargestellt werden soll, oder, dass die Überschrift mit der ID “header” blau, zentriert, mit Schriftgröße 18px und in der Schriftart “Georgia” dargestellt werden soll.

Das Ganze wollte ich nur grob anreißen, deswegen verweise ich an dieser Stelle nochmal auf Wikipedia, wo HTML und CSS nochmal ausführlich erklärt sind, sowie auf SelfHTML, eine Seite, die alles weiß, was es zu HTML zu wissen gibt.

Und was ist jetzt PHP?

PHP steht für “PHP: Hypertext Preprocessor” (eine solche Abkürzung nennt man rekursives Akronym). Auch hier sagt der Name schon alles aus: PHP bereitet Hypertext (also HTML-Text/-Dokumente) auf. PHP ist eine Scriptsprache und somit, im Gegensatz zu HTML, dynamisch. PHP kann zwar weder Text strukturieren, noch formatieren, aber PHP kann strukturierten Text unter bestimmten Bedingungen ausgeben lassen. Folgendes Beispiel zur Verdeutlichung:

Nehmen wir an, wir haben eine Webseite und möchten ein Kontaktformular integrieren. Mit HTML legen wir jetzt fest, dass wir 3 Felder (Name, E-Mail, Nachricht) und einen Bestätigungsbutton haben. Mit CSS machen wir diese Felder 350px breit, geben ihnen einen weißen Hintergrund, sowie einen Rand mit dem Farbcode #343434. Und wie lassen wir dieses Formular jetzt eine E-Mail versenden?

Hier kommt PHP ins Spiel: Mit PHP überprüfen wir die abgesandten Formulardaten. Wir prüfen, ob die angegebene E-Mail-Adresse ein @-Zeichen, sowie mindestens einen Punkt enthält. Wir prüfen, ob ein Name überhaupt angegeben ist und durchsuchen den eingegeben Nachrichtentext auf eine Mindestlänge von 50 Zeichen. Wenn das alles gegeben ist, schicken wir eine E-Mail ab, ansonsten lassen wir das Formular nochmal anzeigen und teilen dem User per HTML mit, welche Felder er nicht korrekt ausgefüllt hat.

Ich hoffe dieses Beispiel hat alles nochmal verständlicher gemacht. Mit PHP lassen sich also nicht nur “primitive” Webseiten, die, wie z.B. Textdateien, statisch sind, sondern komplexe Applikationen wie Internetforen, Gästebücher und Content-Management-Systeme wie Wordpress realisieren.

Fazit

PHP ist weder besser als HTML, noch wichtiger als CSS. Eine gutes PHP-Programm nützt wenig, wenn man per HTML und CSS keine Übersichtliche Bedienung gestalten kann. Genauso wenig ist ein super-übersichtliches, schönes Forum nützlich, wenn es vor Sicherheitslücken und PHP-Fehlern strotzt. Nichts ist besser oder wichtiger als das andere: HTML und CSS sind die Sprachen des Internets. PHP ist das Gehirn, das weiß, wann welcher Text in welcher Form angebracht ist und noch viel mehr kann, als nur zu sprechen.