HTML / Tipps / Quelltext mit Format

von: Werner Zenk

Auf manchen Webseiten sieht der Quelltext aus als habe eine Bombe eingeschlagen! Einen guten Webdesigner erkennt man unter anderen auch am Schreibstil des Quelltextes. Siehe auch: Kommentare im Quelltext einfügen.
Helfen Sie dem Browser! Durch sauberen HTML-Code kann er Seiten schneller darstellen.

Es gibt gute Gründe einen Quelltext zu formatieren:

Einen geordneten Quelltext ... Die folgenden Beispiele sind einfache Tabellen. Die Gelben Markierungen zeigen an, wie schwer oder leicht man die gewünschte Stelle im Quelltext finden kann.

Beispiel 1: (ohne Format)
<table border=1 cellpadding=5
 cellspacing=8 align=center> <tr><td>Inhalt Zeile 1 / Zelle 1</td><td>Inhalt Zeile 1 
/ Zelle 2</td></tr></table>
Beispiel 2: (mit Format)
Einrückungen werden oft mit der Leertaste oder dem Tabulator gemacht.
<table border=1 cellpadding=5 cellspacing=8 align=center>
 <tr>
  <td>
   Inhalt Zeile 1 / Zelle 1
  </td>
  <td>
   Inhalt Zeile 1 / Zelle 2
  </td>
 </tr>
</table>


JavaScript:
<script type="text/javascript">
for (zaehler = 0; zaehler <= 10; zaehler++) {
  if (zaehler == 10) {
    alert("Hallo Welt!");
  }
}
</script>


PHP:
<?php
for ($zaehler = 0; $zaehler <= 10; $zaehler++) {
  if ($zaehler == 10) {
    echo "Hallo Welt!";
  }
}
?>
Hier gibt es allerdings unterschiedliche Schreibweisen, je nachdem welcher Programmierer das schreibt.
<?php
for ($zaehler = 0; $zaehler <= 10; $zaehler++)
{
      if ($zaehler == 10) 
       {
             echo "Hallo Welt!";
       }
}
?>


SQL-Befehl:
$sql = "SELECT 
          `vorname`,
          `name`,
          `strasse`,
          `hausnummer`,
          `plz`,
          `ort`,
          `vorwahl`,
          `telefon`
     FROM 
          `kunden` 
     WHERE 
          `ort` = '" . $ort . "' 
     ORDER BY 
          `name` 
     LIMIT 
          0,20";
    Und Ihre Meinung?
      Sie vermissen auf dieser Seite wichtige Informationen oder haben Hinweise für uns?
Kommentare: 6 » aufmachen   
luci:
also eine frage, kann man da vielleicht ein beispiel, also wie das dann so aussieht, einfuegen? das waere voll nett.

Werner:
Auf der Webseite sieht das genauso aus, nur den Quelltext kann man leichter editieren etc.

Diane:
Also ich schreibe auch lieber mit Format, alles ist übersichtlicher und Texte lassen sich schneller austauschen!

Blue:
nya ich finde die Formatierung etwas blöde da man es dann den seitendieben leichter macht. besser man hat eine formatierte page auf dem pc und deformatiert diese dann auf dem server.

Werner:
Jeder gute Html-Texeditor formatiert einen deformatierten Quelltext in wenigen Sekunden wieder um.

Durek:
Das stimmt nicht...diese Table funktioniert genauso wie die untere... Kommentare und fein untereinander schreiben sind nur Binäre Codes mehr also alles Schwachsinn!

Werner:
Natürlich funktionieren beide Tabellen gleich Zur besseren Übersicht (Tabelle editieren!) sollte die Tabelle auf mehrere Zeilen verteilt stehen.

Christoph Siegert:
Ich finde diese Seite sehr interesant.

Fabian:
Der Browser kann das nicht schneller darstellen, sondern eher langsamer, denn er muss die Leerzeichen am Anfang der Zeile alle skippen...Nur als Hinweis, ich benutze natürlich Formatierungen, nach Möglichkeit sogar als Ausgabe eines Php-Skript, das sieht dann oft so aus: echo "                 <div>bla...";
Hilfe finden Sie im » netzgemein.de - Forum. Auch als „Gast” können Sie dort Fragen stellen!  
 Das könnte Sie interessieren:
Frameset Vorlagen (2)  HTML 5 - Die neuen Input-Elemente. Werfen Sie einen Blick auf die neuen Eingabefelder in HTML5.  Schriftattribute  Bild als HTML-Button - Bild als HTML-Button, Bild als Submit-Button, und um eine JavaScript-Funktion zu starten.  Farbnamen, Hexadezimal, Dezimal, Prozent, Negativ und mit einem Farbbeispiel.  Anführungszeichen - deutsche Gänsefüschen  Aufzählungslisten (und Nummerierte Listen) mit HTML und CSS formatieren  Einen Link zum Seitenanfang setzen - Ist die Webseite etwas lang geworden, kann man einen Link zum Seitenanfang setzen.  Frameset Vorlagen (1) - Framesets (Frames) zu erstellen ist oftmals eine knifflige Angelegenheit. Hier finden Sie eine Sammlung von Frame-Quellcodes.  Farbkennwörter - (CSS) Diese Farben zeigen Ihre PC-Farbeinstellung an.  Checkboxen selektieren  Bildschutz (2)  Marquee und Blink  Ladehinweis bei großen Bildern anzeigen - Große Bilder sollten mit einem Ladehinweis erscheinen, damit der Besucher die Seite nicht verlässt bevor er das Bild gesehen hat.  Die optimale Schriftart - Im Web gibt es einige Schriftarten die sich auf den meisten Browsern darstellen lassen.  …mehr
© 2000-2012 Homepage-Total.de Kontakt - Impressum - Banner