nicht angemeldet
WC3-Conform
0 0 0 0 0
WC3-Conform
Hi,
auf was muss ich alles achten, wenn ich eine Page WC3-Conform gestalten will, gibt es sowas wie einen (deutschen) Leitfaden, an dem ich mich orientieren könnte ?
mfg
Dani
-
auf was muss ich alles achten, wenn ich eine Page WC3-Conform gestalten will?
Dani,
Validiere deinen Quelltext. http://validator.w3.org
Trenne Inhalt und Layout (CSS).
Layoute nicht für bestimmte Browser/Fenstergrößen; achte auf Barrierefreiheit. http://www.w3.org/WAI/gibt es sowas wie einen (deutschen) Leitfaden, an dem ich mich orientieren könnte ?
Gruß, Gunnar
--
Good results come from experience; and experience comes from bad results.-
Hallo,
Weil Dani ausdruecklich nach Deutschen Sachen fragt, hier noch ein paar Ergaenzungen:
Validiere deinen Quelltext. http://validator.w3.org
Gips auch auf deutsch:
http://validator.projektmedien.de/
(OK, ob er die Fehlermeldungen besser versteht, sei dahingestellt.)Trenne Inhalt und Layout (CSS).
Layoute nicht für bestimmte Browser/Fenstergrößen; achte auf Barrierefreiheit. http://www.w3.org/WAI/Davon gibt's sogar beim W3C selbst eine Uebersetzung:
http://www.w3.org/Consortium/Offices/Germany/Trans/WAI/webinhalt.htmlgibt es sowas wie einen (deutschen) Leitfaden, an dem ich mich orientieren könnte ?
Eine private Institution hat auch einige W3C-Spezifikationen
(u.a. HTML 4.01 und CSS 2) auf Deutsch uebersetzt:
http://www.edition-w3c.de/mfg
Thomas
-
-
Einige weitere Punkte, die man beachten sollte, die auch in Selfhtml beschrieben sind:
- !DOCTYPE gehört zu JEDER Seite!
- head- und body-Bereich gehört in jede Seite!
- title-Element gehört in jeden head!
- Elemente immer zu machen: Auf <p> folgt also irgendwann immer </p>
- Elemente, die man nicht zumachen kann (z. B. img), kriegen am Ende einen Strich: <img src="" alt="" /> oder auch <br />
- Im img-Element immer alt="Alternativtext" reinbringen!
-
Hallo!
- !DOCTYPE gehört zu JEDER Seite!
- title-Element gehört in jeden head!
- Im img-Element immer alt="Alternativtext" reinbringen!
richtig
- head- und body-Bereich gehört in jede Seite
- Elemente immer zu machen: Auf <p> folgt also irgendwann immer </p>
Das ist dem w3c völlig wurscht, <body></body>, <head></head> und </p> sind optional in HTML, d.h. Du kannst das reinschreiben oder auch nicht. Manche halten das allerdings für schlechten Stil.
Nicht weglassen darf man z.B. </div> </span> </b> </table>- Elemente, die man nicht zumachen kann (z. B. img), kriegen am Ende einen Strich: <img src="" alt="" /> oder auch <br />
Das golt nur Für XHTML. in HTML ist das _falsch_.
tschüs, jürgen
-
Das golt nur Für XHTML. in HTML ist das _falsch_.
Sorry, habe vergessen dazuzuschreiben: Das waren alles xhtml-Fakten. xhtml hat gegenüber älteren html-Versionen viele Vorteile und daher bin ich davon ausgegangen, dass es eh um xhtml geht.
Grüße
Guillermo -
- Elemente, die man nicht zumachen kann (z. B. img), kriegen am Ende einen Strich: <img src="" alt="" /> oder auch <br />
Das golt nur Für XHTML. in HTML ist das _falsch_.
In XHTML ist das auch falsch, da man die Elemente sehr wohl "zumachen kann": <br></br>
Gunnar--
Good results come from experience; and experience comes from bad results.-
In XHTML ist das auch falsch, da man die Elemente sehr wohl "zumachen kann": <br></br>
Falsch ist <br /> keineswegs!
<br /> in meinen Augen sogar sauberer. Das mag Geschmackssache sein. Ich meine mich jedoch zu erinnern, dass man Elemente, die nie Inhalt tragen, wie img, immer mit dem Schrägstrich am Ende zumachen MUSS. Nur dort, wo eventuell ein Inhalt steht, hat man die Wahl.
Guillermo
-
Hallo,
<br /> in meinen Augen sogar sauberer. Das mag Geschmackssache sein. Ich meine mich jedoch zu erinnern, dass man Elemente, die nie Inhalt tragen, wie img, immer mit dem Schrägstrich am Ende zumachen MUSS. Nur dort, wo eventuell ein Inhalt steht, hat man die Wahl.
Dann erinnerst du dich falsch, <img ...></img> ist genauso erlaubt (valide & wohlgeformt) wie <br></br>.
http://www.edition-w3c.de/TR/2000/REC-xml-20001006/#dt-empty
Was soll der Unterschied zwischen br und img sein? Beide Elemente tragen nie Inhalt.
Mathias
--
<img src="http://validator.w3.org/images/vh20" border="0" alt=""> -
Falsch ist <br /> keineswegs!
Guillermo,
Das sagte auch keiner. Das "falsch" bezog sich auf den ganzen Satz, speziell auf den Teil- Elemente, die man nicht zumachen kann (z. B. img)
Alles ist richtig: <br></br>, <br/> und <br />. Nur koennten die ersten beiden Varianten Probleme in Browsern bringen.
Ich meine mich jedoch zu erinnern, dass man Elemente, die nie Inhalt tragen, wie img, immer mit dem Schrägstrich am Ende zumachen MUSS. Nur dort, wo eventuell ein Inhalt steht, hat man die Wahl.
Da truegt deine Erinnerung. Anderesrum wird ein Schuh draus: Bei leeren Elementen has du die Wahl. Wie soll das auch bei Elementen mit Inhalt gehen?
<p/>Hier mein Absatz. Und wo hoert er auf?Gruss,
Gunnar--
Good results come from experience; and experience comes from bad results.-
Hallo Gunnar,
Alles ist richtig: <br></br>, <br/> und <br />. Nur koennten die ersten beiden Varianten Probleme in Browsern bringen.
Strenggenommen auch die letztere, weil die SGML-Deklaration von HTML keine Kompatibilität mit XML-Syntax erlaubt, aber die Variante <br /> ist tatsächlich die am wenigstens problematischste und demnach bei Verwendung von XHTML erste Wahl.
Mathias
--
»Emphasize structure through presentation« http://www.w3.org/TR/WCAG20/#structure-emphasis
-
<br /> in meinen Augen sogar sauberer. Das mag Geschmackssache sein.
Bei der W3C-Validität gibt es keine Geschmacksache. Entweder valid oder nicht valide.
Ich meine mich jedoch zu erinnern, dass man Elemente, die nie Inhalt tragen, wie img, immer mit dem Schrägstrich am Ende zumachen MUSS.
Muss man das? Dann schreib doch mal ein HTML 4.01 Dokument und lasse den Schrägstrich weg. Anschliessend überprüfst Du die Seite mit dem Validator... man sehe und staune, es ist kein Schrägstrich nötig.
Grüße
Lars-
Hallo Lars,
<br /> in meinen Augen sogar sauberer. Das mag Geschmackssache sein.
Bei der W3C-Validität gibt es keine Geschmacksache. Entweder valid oder nicht valide.
Eine generelle Anmerkung:
Einige in den Specs genannten Regeln können nicht in der DTD artikuliert werden, insofern ist ein valides Dokument nicht unbedingt ein standardkonformes Dokument, weil sich diese Regeln eben nicht automatisiert beim Vergleichen von Dokument und DTD prüfen lassen. Dies gilt beispielsweise für die verschiedenen Datentypen, für die besondere Regeln gelten, in der DTD aber nur CDATA als Inhaltstyp eines Attributs o.ä. angegeben ist.
<table width="xyz"> ist beispielsweise valide, aber nicht standardkonform.
Mathias
--
»Emphasize structure through presentation« http://www.w3.org/TR/WCAG20/#structure-emphasis
-
-
- Elemente, die man nicht zumachen kann (z. B. img), kriegen am Ende einen Strich: <img src="" alt="" /> oder auch <br />