Guter Stil
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
absatz
anwender
autor
ebenfall
element
explorer
fenster
fragen
funktion
gen
grafik
konsortium
laden
produkt
sinnen
stehen
stil
tabelle
verweis
verweisen
-
Allgemeine Hinweise
Definitive Richtlinien f?r "richtiges" HTML gibt es nicht. Wohl aber gibt es Regeln, wie ein g?ltiges HTML-Dokument auszusehen hat. Auf jeden Fall ist es empfehlenswert, sich so weit wie m?glich an den HTML-Sprachstandards des W3-Konsortiums zu orientieren. Mittlerweile hat das W3-Konsortium auch erkannt, dass seine Aufgabe nicht nur im Ausarbeiten technischer Spezifikationen besteht, sondern auch in deren Vermittlung an "normalsterbliche" Anwender, die kein abgeschlossenes Informatikstudium haben. Wenn Sie sich intensiv und dauerhaft mit dem Erstellen eigener Web-Seiten besch?ftigen, sollten Sie deshalb regelm??ig mal auf den englischsprachige Seite Web-Seiten des W3-Konsortiums nach Neuigkeiten und nach aktuellen Trends und Richtlinien umsehen. Es gibt auch ein deutschsprachige Seite deutsches B?ro des W3-Konsortiums, das wichtige Informationen des W3-Konsortiums in deutscher Sprache anbietet.
F?r HTML-Autoren bietet das W3-Konsortium ferner einen Service an, um erstellte Dateien auf syntaktische Korrektheit zu ?berpr?fen: den so genannten englischsprachige Seite Validator. Damit k?nnen Sie Ihre Seiten, wenn diese im Web ?ber eine HTTP-Adresse erreichbar sind, ?berpr?fen lassen.
Was die Frage nach "gutem HTML-Stil" betrifft, ist es eigentlich viel besser zu beschreiben, wie man es auf keinen Fall machen sollte. Dazu gibt es eine zwar schon etwas betagte, aber immer noch lesenswerte Anleitung im Web: die deutschsprachige Seite Goldenen Regeln f?r schlechtes HTML von Stefan Karzauninkat.
nach obennach unten
Nicht f?r bestimmten Browser schreiben
Wenn Sie Dateien im Web platzieren wollen, sollten Sie zum Testen Ihrer Dateien mehr als einen Web-Browser verwenden. Verwenden Sie die weit verbreiteten Produkte wie Netscape und den Internet Explorer, wenn es irgendwie geht auch in mehreren Versionen, aber auch mal ein ?lteres Produkt wie etwa Mosaic. Wenn Sie die M?glichkeit haben, auf mehreren Plattformen (MS-Windows, Macintosh, Sun usw.) zu testen, machen Sie unbedingt Gebrauch davon. Und vielleicht schauen Sie sich Ihre Seiten auch mal mit einem Handheld-Computer an oder mit einer Brille, durch die Sie alles undeutlich sehen.
Nun kann Ihnen niemand verbieten, HTML-Dateien zu schreiben, die nur von Netscape oder nur vom Internet Explorer korrekt angezeigt werden. Aber wenn Sie solche Seiten ins Netz stellen, sollten Sie wissen, dass Sie damit letztlich Ihrem Image schaden.
nach obennach unten
Nicht f?r bestimmte Bildschirmaufl?sung schreiben
Das Erzwingen von festen Breiten durch Einsatz von verschachtelten Tabellen und "blinden Pixeln" ist mittlerweile so verbreitet im Web, dass manche Homepage-Autoren schon gar nicht mehr wissen, dass einfaches HTML normalen Flie?text erzeugt, der sich der Fenstergr??e des Browsers anpasst. Nun hat es keinen Sinn, das Erzwingen von Mindestbreiten v?llig zu verteufeln. Tabellen mit mehreren Spalten und entsprechendem Inhalt ben?tigen nun mal eine gewisse Breite, und HTML ist auch nicht WML (eine Sprache speziell zum Erstellen von Web-Seiten f?r Handy-Displays). Wenn Sie aber vor der Frage stehen, ob Sie Ihre Web-Seiten f?r eine 1024er- oder eine 800er-Bildschirmaufl?sung "optimieren" sollen - dann stehen Sie vor der falschen Frage. Denn viele Anwender surfen mit mehreren Instanzen des Web-Browsers und ?ffnen Verweise zu anderen Seiten gerne in neuen Browser-Fenstern. Diese Fenster werden oft nicht im Vollbildmodus angezeigt. Auch haben viele Anwender Programme offen, die grunds?tzlich einen Teil des Bildschirms einnehmen und immer angezeigt werden - z.B. Instant-Messaging-Programme wie ICQ. All diese Anwender machen Ihnen also ohnehin nicht die Freude, das Browser-Fenster extra wegen Ihren Seiten auf maximale Bildschirmgr??e zu bringen. Gr?beln Sie daher nicht lange ?ber anzunehmende Durchschnittswerte von Bildschirmgr??en. Ein paar hundert Pixel (also eine sehr unbestimmte Angabe) in der Breite k?nnen Sie voraussetzen, aber das ist auch alles.
Verwenden Sie bei Tabellen oder Frames tendenziell eher prozentuale Breiten- und H?henangaben. Absolute Pixelangaben haben nur dort einen Sinn, wo beispielsweise die erste Spalte einer blinden Tabelle ?ber einem farblich zweigeteilten Hintergrundbild liegen soll. Ansonsten sollten Sie sich nicht zu sehr auf solche Vorstellungen wie die versteifen, dass eine Grafik oder ein Absatz bei jedem Anwender genau 10,8 cm vom linken Rand entfernt beginnt. Wenn das bei Ihnen gut aussieht, bedeutet das noch lange nicht, dass es bei jemand anderem gut aussieht, und in einigen F?llen k?nnte es auch ausgesprochen schlecht aussehen.
nach obennach unten
HTML-Elemente nicht zweckentfremden
Besonders die logisch-semantischen Elemente von HTML sollten Sie nicht benutzen, um bestimmte Formatier-Effekte zu erzielen. So verwenden einige Leute z.B. das blockquote-Element, um Abs?tze einzur?cken, nur weil die Mehrzahl der Browser den Text, der in <blockquote> ... </blockquote> eingeschlossen ist, als eigenen, einger?ckten Absatz darstellen. Das blockquote-Element ist jedoch f?r Zitate gedacht und sollte auch nur daf?r verwendet werden.
Noch h?ufiger wird mit ?berschriften und Tabellen Schindluder getrieben. ?berschriften sind nicht dazu da, um Text gro? und fett zu machen, sondern dazu, logische Hierarchieverh?ltnisse zwischen Textabschnitten zu markieren. Tabellen sollten zur Gliederung tabellarischer Daten und nicht f?r Layout-Zwecke eingesetzt werden. Wenn Sie Text auff?llig formatieren oder positionieren wollen, dann benutzen Sie dazu Kapitel Stylesheets.
nach obennach unten
Ehrliche und aussagekr?ftige Verweistexte verwenden
Generell gilt: das Ziel eines Verweises sollte das halten, was der Verweis verspricht. Das bedeutet beim Setzen des Verweises: der Verweistext sollte weder zu viel noch zu wenig versprechen. Wenn Sie beispielsweise Information ?ber ein Software-Produkt anbieten, ohne es zum Download anzubieten, ist es unfair, dem Anwender mit einem Verweis auf die Information zu suggerieren, er k?nne das Produkt auch gleich downloaden.
Verweise k?nnen in HTML an jeder beliebigen Stelle im Text stehen. Wenn Sie jedoch einmal Text lesen, in dem jedes zweite Wort ein Verweis ist, werden Sie schnell merken, dass dies den Lesefluss ungemein st?rt. Der Grund daf?r ist, dass Verweise immer gleich die Aufmerksamkeit auf sich ziehen und den Leser von seiner eigentlichen Aufgabe, dem geistigen Erfassen des im Text Gemeinten, ablenken. Um so wichtiger ist es, dass Verweise innerhalb des Flie?textes dem Anwender keine R?tsel aufgeben, sondern sofort erfassbar sind.
Verwenden Sie einen Verweis innerhalb des Flie?textes also nur dann, wenn der Verweistext sinnvoll ist. Und formulieren Sie S?tze, in denen verweis-sensitiver Text vorkommt, so, dass der Verweistext aussagekr?ftig ist.
Schreiben Sie z.B. nicht:
"F?r weitere Information klicken Sie hier",
sondern:
"Weitere Informationen sind ebenfalls verf?gbar".
nach obennach unten
Grafiken richtig einsetzen
Wenn Sie nicht gerade eine virtuelle Kunstausstellung in HTML erstellen, sollten Sie sich mit gro?en Grafikdateien zur?ckhalten. Bedenken Sie bei Dateien, die Sie f?rs Web erstellen, dass viele Anwender entweder einen volumenabh?ngigen Internet-Zugang haben, d.h. sie zahlen daf?r, wie viel Daten sie in den Arbeitsspeicher ihres Rechners laden, oder zeitbasiert bezahlen m?ssen und sich an langen Ladezeiten ebenfalls nicht erfreuen. Zwar erlauben die meisten Browser, das Laden von Grafiken auszuschalten, doch falls der Anwender keinen Gebrauch von dieser Funktion macht, hei?t das noch lange nicht, dass er bereit ist, ohne Ank?ndigung eine 1-Megabyte-Grafik zu laden.
Versuchen Sie es daher lieber mit kleinen, wohlplatzierten Grafiken. Oft gen?gen 16 Farben statt 256 oder gar 16,7 Mio. Das macht die Grafiken deutlich kleiner.
Andererseits sollten Sie keinesfalls auf den Einsatz von Grafiken verzichten. Reiner Text ist am Bildschirm n?mlich wesentlich erm?dender zu lesen als in Printmedien. Deshalb sollten Sie l?ngere Texte m?glichst reichhaltig strukturieren und auflockern. Dazu geh?rt auch die Verwendung von Grafiken.
Ideal sind kleine Grafiken in Icon-Gr??e. Die sind schnell geladen, und Sie k?nnen bedenkenlos mehrere davon pro HTML-Datei referenzieren.
Kleine Grafiken k?nnen auch bestimmte Corporate-Identity-Funktionen oder Orientierungsfunktionen ?bernehmen. Der Vorteil solcher mehrfach verwendeter Grafiken ist, dass die meisten Browser sie nur einmal laden und dann im Speicher halten. -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Ich finde es scheisse dass du Texte aus dem Internet zu verwendest, ohne die Quelle anzugeben! Das ist Diebstahl!
http://userpage.fu-berlin.de/selfhtml/html/allgemein/stil.htm -
?h
was soll denn das werden? Du machst Themen ohne ein Frage auf, um einfach nur was aus dem Web zu referieren bzw. einfach mit CNP Texte einzuf?gen.
CLOSE plz
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
