© Liashko/Shutterstock.com
HTML für den Aufbau, CSS3 für das Layout und JavaScript für die Logik

Website-Trinity


Die angedeutete Dreiteilung von Websites führt dazu, dass Sie nicht nur klare Zuständigkeiten haben, sondern auch jeden der drei Teile in jeweils separate Dateien auslagern können. Durch diese Maßnahme lässt sich Ihre Webapplikation besser strukturieren und wird dadurch wesentlich wartungsfreundlicher. Lesen Sie im Speziellen, welche Möglichkeiten der neue HTML5-Standard für Ihre JavaScript-Logik bietet und welche Problematiken bei der Umsetzung von Logik via JavaScript zu beachten sind.

Mit HTML5 ist für Webentwickler Umdenken angesagt. Mit diesem neuen Entwurf der Standardisierung soll HTML wieder zu dem werden, was es ursprünglich war: eine Auszeichnungssprache. Für Sie als Entwickler bedeutet das konkret, dass HTML nur noch verwendet werden sollte, um den Aufbau einer Seite zu beschreiben. Dafür wurden eine ganze Reihe neuer Tags wie <header>, <footer>, <nav>, <section> oder <article> eingeführt. Da HTML nun nur noch den Aufbau der Seite beschreibt, übernehmen die Cascading Stylesheets, mittlerweile in Version 3, kurz CSS3, das eigentliche Layouting und damit die Positionierung und das Aussehen der verschiedenen HTML-Elemente. Der dritte Bereich einer Website, die Logik, wird durch JavaScript abgedeckt. Logik bedeutet im Zusammenhang mit Websites mittlerweile nicht nur Validierung von Eingaben und das Senden von Daten über asynchrone XMLHttp­Requests zum Server. Da die Rechner, auf denen die Webbrowser ausgeführt werden, immer leistungsstärker werden, können Sie im Frontend verschiedenste Berechnungen durchführen lassen und so Ihren Webserver auch teilweise etwas entlasten.

Die angedeutete Dreiteilung von Websites führt dazu, dass Sie nicht nur klare Zuständigkeiten haben, sondern auch jeden der drei Teile in jeweils separate Dateien auslagern können. Für Sie heißt das im Idealfall, dass Sie pro Datei lediglich eine Sprache verwenden. Also liegt Ihr HTML in .html-Dateien, das CSS der Seite in .css-Dateien und das JavaScript schließlich in .js-Dateien. Durch diese Maßnahme lässt sich Ihre Webapplikation besser strukturieren und wird dadurch wesentlich wartungsfreundlicher.

Aber nun zum eigentlichen Thema dieses Artikels: Welche Auswirkungen hat der neue HTML5-Standard auf die Art und Weise, wie Sie Ihr JavaScript schreiben? Wie bei HTML existieren auch in JavaScript verschiedene Versionen der zugrunde liegenden Standardisierung. Dieser Standard heißt ECMAScript. Durch ECMAScript wird der Sprachkern von JavaScript über die Browsergrenzen hinweg standar...

Exklusives Abo-Special

Angebote für Teams

Für Firmen haben wir individuelle Teamlizenzen. Wir erstellen Ihnen gerne ein passendes Angebot.

Das Library-Modell:
IP-Zugang

Das Company-Modell:
Domain-Zugang