Lesbares (X)HTML oder lesbare Templates?

**Dittboy** · 25.12.2007, 22:09

Hallo miteinander,

es klingt vielleicht kleinlich und so, als ob es sich eigentlich nicht lohnt darüber nachzudenken, aber:

Was ist euch wichtiger? Dass das (X)HTML das an den Browser gesendet wird lesbar ist, oder dass eure Templates gut lesbar sind? Wenn man jetzt zum Beispiel alles strickt einrücken würde, müssten den Templates der Unterseiten immer zwei Tabulatoren vorangestellt sein. Einmal für <html> und einmal für <body>.

Außerdem entstehen bei mir in dem HTML das an den Browser gesendet wird immer Leerzeilen, die im Template durch Anweisungen (if etc.) in Anspruch genommen werden. Würdet ihr dann auf Kosten der Lesbarkeit des Templates die Anweisungen hinter dem letzten Tag und nicht in einer neuen Zeile beginnen?

Im Moment mache ich es so, dass ich die Templates gut lesen kann und das Endprodukt dann halt nicht ganz so schön ist. Am besten wäre es natürlich, wenn man beides erreichen könnte. Wie macht ihr es? Habt ihr vielleicht Tipps, um so nahe wie möglich an das perfekte Markup zu kommen?

MfG
Dittboy

**Guin** · 25.12.2007, 22:42

Moin.
Das Template muss gut lesbar sein, denn das ist die Stelle, an der gearbeitet wird. Wenn der fertige Code valide ist, reicht das vollkommen aus.

entstehen bei mir in dem HTML das an den Browser gesendet wird immer Leerzeilen, die im Template durch Anweisungen (if etc.) in Anspruch genommen werden.

Das kann man auch vermeiden.

PHP-Code:


<span>text

<?php

//CODE

?>

text</span>

Im oberen Beispiel gibt es Zeilenumbrueche

PHP-Code:


<span>text <?php



//CODE



?>text</span>

Hier gibt es keinen Zeilenumbruch.

**Dittboy** · 25.12.2007, 22:51

Du hast recht, in machen Fällen kann man es auch vermeiden.

Wenn ich jetzt allerdings so etwas habe wie hier:

<h1>Überschrift</h1>
{% if f00 %}
<table>
(größere Tabelle)
</table>
{% else %}
Es gibt keine Daten!
{% endif %}

Bei diesem Beispiel finde ich es aus der Sicht des Templates besser, wenn es für das {% if %} eine eigene Zeile gibt und dahinter nicht noch <table> steht oder die Bedingung in der Zeile der Überschrift steht.

Vielleicht ist es auch eigentlich die Aufgabe der Template-Engine solche Leerzeilen zu vermeiden. Zumindest meine macht es z. Zt. nicht.

MfG
Dittboy

**Guin** · 25.12.2007, 22:54

Richtig!

Wie schon gesagt: Template geht aus meiner Sicht vor. Und die paar Zeichen mehr, merkt man in der Ladegeschwindigkeit auch nicht

Es mag auch Kunden geben, die auch einen schoenen html Code wollen, aber das ist eher die Ausname (solange es dem doctype entsprechend valide ist).

**rewboss** · 26.12.2007, 14:25

Zitat von Dittboy

müssten den Templates der Unterseiten immer zwei Tabulatoren vorangestellt sein. Einmal für <html> und einmal für <body>.

Im HTML rücke ich solche Sachen nie ein -- das macht den Code nicht unbedingt besser lesbar. Im Gegenteil: wird zu weit eingerückt, werden lange Zeilen nur noch unübersichtlicher. Enweder muss man noch mehr seitwärts scrollen, oder die Zeilen werden umgebrochen.

Außerdem sollte man zum Einrücken nicht Tabulatoren nehmen, sondern einfache Leerzeichen. Tabulatoren sind in verschiedenen Editoren unterschiedlich lang: öffne ich einen solch wunderschön gestalteten Quellcode in einem anderen Editor auf, ist das ganze Layout u.U. völlig hin.

Einrücken tue ich meistens bei ineinanderverschachtelten Listen, wo wirklich die Gefahr besteht, dass ich den Überblick verliere; vielleicht auch, wenn etwa <div>s tief verschachtelt werden, aber das vermeide ich sowieso lieber. Gerade bei <html> und <body> besteht diese Gefahr mit sicherheit nicht ("Ach du Schreck, wie viele </body>-Tags muss ich jetzt schreiben?").

Sonst kämen auch Kommentare als Möglichkeit in Frage, etwa so:

Code:

<div id="aussen">
<div id="innen">

Bla bla bla bla

</div><!-- innen -->
</div><!-- aussen -->

Wenn man aber vor der Wahl steht, entweder den generierten HTML-Code oder die Templates lesbar zu gestalten, dann würde ich sagen: Das, was man am wahrscheinlichsten bearbeiten muss.

**designfanatiker** · 26.12.2007, 16:44

Zitat von Dittboy

Was ist euch wichtiger? Dass das (X)HTML das an den Browser gesendet wird lesbar ist, oder dass eure Templates gut lesbar sind? Wenn man jetzt zum Beispiel alles strickt einrücken würde, müssten den Templates der Unterseiten immer zwei Tabulatoren vorangestellt sein. Einmal für <html> und einmal für <body>.

Ich achte darauf den erzeugten Quelltext lesbar zu gestalten. Schließlich bekommen den anderen Menschen zu sehen. Diese Arbeit kann man sich auch von Tidy abnehmen lassen.

Zitat von rewboss

Außerdem sollte man zum Einrücken nicht Tabulatoren nehmen, sondern einfache Leerzeichen. Tabulatoren sind in verschiedenen Editoren unterschiedlich lang: öffne ich einen solch wunderschön gestalteten Quellcode in einem anderen Editor auf, ist das ganze Layout u.U. völlig hin.

Ich verwende ebenfalls Leerzeichen. Gerade wenn mehrere Autoren an einem Dokument arbeiten wären Tabulatorzeichen allerdings deutlich praktischer, da jeder Autor ohne Änderungen am Dokument die Einrückung wie gewünscht einstellen kann.

**designfanatiker** · 27.12.2007, 11:51

Zitat von ingozen

Genau aus Gründen der Zusammenarbeit haben sich die Softtabs (4 Leerzeichen) eingebürgert, damit man nicht am Editor rumfummeln muss, aber trotzdem eine saubere Einrückung vorfindet und diese auch weiter verwenden kann ...

Ja? Die enorme Anzahl an Leerzeichen - selbst bei den Zellen einer sehr einfachen Tabelle sind es bereits mindestens zwölf - wird wohl kaum jemand per Hand eingeben. Also muss er seinen Editor entsprechend konfigurieren. Rückt man den Quelltext mit Tabulatorzeichen ein kann jeder der beteiligten Webautoren seine gewohnten Voreinstellungen nutzen.

**designfanatiker** · 27.12.2007, 12:00

Genau das habe ich gesagt.

**Boris** · 27.12.2007, 16:18

In den meisten Editoren sollen Softtabs Standard sein? Woher hast du das?

Bei Textmate (DER Editor für MacOS) werden nach einer frischen Installation echte Tabs genutzt, ebenso wie z.B. bei Textpad oder DreamWeaver auf Windoof.

Natürlich nutzt der eine Coder 4 Leerzeichen, der andere wiederum 8. Das ist halt eine persönliche Einstellung, die jeder für sich trifft - insofern würde ich niemandem eine bestimmte Einrückung mit simplen Leerzeichen "vorsetzen" wollen.

Daher: ich bin für echte Tabs und keine Leerzeichen.

**designfanatiker** · 27.12.2007, 17:03

Zitat von ingozen

Ich wunder mich immer wieder gerne über was für Sachen sich Leute hier Gedanken machen ...

Schön. Dennoch solltest du darauf verzichten dich ständig über Beiträge anderer Nutzer lustig zu machen.

**designfanatiker** · 27.12.2007, 17:12

Zitat von ingozen

Na, dann viel Spaß mit der Leertaste …

Zitat von ingozen

Sach bloß ...

Zitat von ingozen

Macht doch was ihr wollt.

Zitat von ingozen

Ich wunder mich immer wieder gerne über was für Sachen sich Leute hier Gedanken machen ...

Kein Kommentar.

**Dittboy** · 27.12.2007, 19:00

@designfanatiker: Nimm's locker, wir haben doch bald Silvester. Dank Ingozens konsequentem Smileygebrauch sollte man doch verstehen, dass das alles nicht böse gemeint ist.

Zum Thema Tabs:

Mein Editor ist so eingestellt, dass er echte Tabs erzeugt, diese allerdings mit einer Breite von vier Zeichen darstellt.

zur Startseite vom TP

Thema: Lesbares (X)HTML oder lesbare Templates?

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

Lesbares (X)HTML oder lesbare Templates?

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer

Berechtigungen