Guter Quelltext
Wie sieht ein guter Quelltext aus? Ein guter Quelltext ist erstmal nach dem W3C-Standard gecodet, d.h. es dürfen keine Fehler beim validieren auftreten. Dafür sind sehr gute XHTML-Kenntnisse nötig und man sollte sich mit der Barrierefreiheit einer Webseite auseinanderzusetzen.
Hier mal einige wichtige Faktoren für einen guten Quelltext:
- Fehlerfrei nach W3C-Standard
- Trennung von Inhalt und Design durch CSS
- Beachtung der Barrierefreiheit
- Vermeidung von Tabellen und überflüssigen Div-Container
- Vermeidung von überflüssen Kommentaren, weniger ist hier mehr
- auf Online-Editoren verzichten, weil diese meist keinen validen Code liefern(ausgenommen der Tinymce von Wordpress)
- Absätze bzw. Zeilenumbrüche in den Dokumenten, damit man den Quelltext besser lesen kann.
Um einen validen Quellcode auf seiner Webseite zu haben, sollte man auf Dreamweaver, Frontpage und Co. verzichten, da diese Programme meist merkwürdige Quelltexte produzieren. Lieber sollte man auf reine Text-Editoren wie Phase5 oder Ultraedit setzen, da man hier alles selber per Hand coden kann. Jedoch braucht man hierzu gute Webdesign Kenntnisse, weil man sonst kaum einen validen Quellcode schreiben kann.
Informationen zum Blogartikel "Guter Quelltext"
- veröffentlicht am Dienstag, 08. Juli 2008 um 14:20.
- Tags: barrierefrei, editoren, guter quelltext, quellcode, quelltext, schlechter quelltext, w3c, xhtml
- Blog-Kategorie: Barrierefreiheit, Webdesign
- Weiteres: RSS 2.0 | Antwort hinterlassen | Trackback
25. Juli 2008 um 14:36
Danke für die Hinweise zum guten Quelltext. Für mich steht in nächster Zeit bei einem Hauptprojekt ein Re-Design an und da möchte ich nun auch weitestgehend dem W3C-Standard gerecht werden. Das wird für mich eine Mammutaufgabe. ;(
25. Juli 2008 um 14:46
Dann laß es mich machen
08. August 2008 um 09:15
[...] recorded first by surfeando on 2008-07-30→ Guter Quelltext [...]
29. Oktober 2008 um 11:59
[...] Ein optimierter und sauberer Code ist besonders wichtig. Nur nötige HTML-Tags und ein fehlerfreier Quellcode sollten verwendet werden, um den Browser eine kurze Verarbeitung zu ermöglichen. …mehr Informationen zum optimierten Quellcode [...]
20. März 2009 um 22:13
Hi,
naja, bezüglich Dreamweaver möchte ich anmerken, dass man auch bei Dreamweaver XHTM1.0 Strict auswählen kann, das macht der dann auch ganz gut. Klar, wenn man in der “Design-View” versucht eine Webseite zu bauen, sollte kein guter Code herauskommen, die Codeview finde ich aber sehr nützlich.
Öffne ich bspw. zuerst einen <p>-Tag, dann einen <a>-Tag und schreibe dann nur “</” schließt Dreamweaver zuerst den a-Tag, verhindert somit also falsche Verschachtelungen. Und genau das ist ein häufiger Fehler.
Ansonsten bin ich froh, dass mal wieder jemand validen Code als wichtig ansieht.
Liebe Grüße
20. März 2009 um 22:16
Sorry, in meinem letzten Post wurden meine HTML-Tags tatsächlich als HTML erkannt. Ich meinte eigentlich <a> bzw <p>. Kannst du das bitte ändern/escapen?
Böse Tags so wie script lässt du aber hoffentlich nicht zu, oder?
20. März 2009 um 22:18
Hab es schon geändert
20. März 2009 um 22:21
Ok, danke, kannst du aus dieser Zeile
“Öffne ich bspw. zuerst einen -Tag, dann einen -Tag”
dann bitte noch das machen
“Öffne ich bspw. zuerst einen <p>-Tag, dann einen <a>-Tag”?
Danke
09. Dezember 2011 um 10:25
Wie sieht ein guter Quelltext aus? Ein guter Quelltext ist erstmal nach dem W3C-Standard gecodet, d.h. es dürfen keine Fehler beim validieren auftreten. Dafür sind sehr gute XHTML-Kenntnisse nötig und man sollte sich mit der Barrierefreiheit einer Webseite auseinanderzusetzen.
27. Januar 2012 um 21:13
Abre súa mente para ideas novas e innovadoras. Se vostede atopa-se dicindo que o cobarde palabras, as posibilidades son que son ríxidas e non aberta. Unha idea pode imprimir unha morea de diñeiro pode ter presente dun amigo ou persoal senten que non vai aceptar as súas ideas.
01. Februar 2012 um 15:34
Jsem ještě začátečník v oboru, a hodně studovat. Právě učení o CSS a HTML. Je to poměrně složité a myslím, že to zabere chvíli času, aby lépe pochopili.