Bernd: W3C Validator

Hallo,

ich bin gerade dabei meine Website auf eine barrierefreie Version umzustellen.

Beim Check mit validator.w3.org wurden jedoch einige Fehler angezeigt, mit denen ich nichts anfangen kann. Wäre nett, wenn mir jemand helfen könnte.

Error Line 88 column 81: an attribute value must be a literal unless it contains only name characters.
...nnstelle&quot;>­</span>haus<span class=&quot;trennstelle&quot;>­</span>bau<...

Error Line 100 column 27: document type does not allow element "h5" here; missing one of "object", "ins", "del", "map", "button" start-tag.
<p class="menutitle"><b><h5><a href="http://www.domain.de...

Info Line 106 column 0: start tag was here.
<p class="menutitle"><b><h5><a href="http://www.domain.de...

Error Line 131 column 48: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified.
...r="0" style="margin-top:0.1em" align=right src="bild1.jpg" width="242"...

Vielen Dank im voraus.

Bernd

  1. Moin!

    Ganz einfach:

    Error Line 88 column 81: an attribute value must be a literal unless it contains only name characters.
    ...nnstelle&quot;>­</span>haus<span class=&quot;trennstelle&quot;>­</span>bau<...

    <span class="trennstelle">­</span>

    Das " sollte an der der Stelle nicht durch das entitie erstetzt werden, es wird ja nicht dargestellt.

    <p class="menutitle"><b><h5><a href="http://www.domain.de...

    Innerhalb eine Absatzes (<p>) hat eine Überschrift <h5> nichts zu suchen.

    Error Line 131 column 48: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified.
    ...r="0" style="margin-top:0.1em" align=right src="bild1.jpg" width="242"...

    ... align="right" ...

    Wie wäre es damit HTML noch mal zu lernen...

    MFFG (Mit freundlich- friedfertigem Grinsen)

    fastix®

    --
    Als Freiberufler bin ich immer auf der Suche nach Aufträgen: Schulungen, Development. Auch  für seriöse Agenturen.
    1. Hallo,

      erstmal vielen Dank für die Tipps auf mein erstes Posting. Leider habe ich noch einige Fragen. Mein Code ist sicher nicht perfekt, aber so langsam komme ich dahinter.

      Error Line 134 column 71: end tag for "br" omitted, but OMITTAG NO was specified.
      <b style="font-weight: bold;">Lagerkosten:</b> 62.000<br>

      Error Line 131 column 158: end tag for "img" omitted, but OMITTAG NO was specified.
      <img border="0" style="margin-top:0.1em" align="right" src="bild1.jpg" width="242" height="300" alt="Alternativtext">

      Error Line 79 column 20: there is no attribute "border".
      <img border="0" align="left" src="http://www.domain.de/images/logo_1" width="69" height="78" alt="Startseite">

      Error Line 79 column 30: there is no attribute "align".
      <img border="0" align="left" src="http://www.domain.de/images/logo_1" width="69" height="78" alt="Startseite">

      Nochmal vielen Dank für jede Hilfe.

      Bernd

      1. Hi Bernd,

        „Wieso verwendest Du XHTML, wenn Dir die HTML-Regeln noch teilweise unbekannt sind?“ [Ingo]

        … und auch die Unterschiede zwischen XHTML und HTML, bspw. bei leeren Elementen?

        Live long and prosper,
        Gunnar

        --
        „Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)
      2. Hi Bernd!

        Ich verstehe nicht, warum du ein Drängelposting startest, wenn du noch nicht mal Gunnars Ratschläge beherzigst?

        Jetzt wunderst du dich vielleicht, und fragst dich, was du mit seiner Antwort anfangen sollst, aber dann kann ich dir nur empfehlen, dich wenigstens oberflächlich in die Materie XHTML einzuarbeiten.

        MfG Hopsel

        --
        "It's amazing I won. I was running against peace, prosperity, and incumbency."
        George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
        Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)
    2. Hallo fastix,

      danke für die Tipps, hat mir sehr geholfen.

      Gruß
      Bernd

  2. Hi Bernd,

    ich bin gerade dabei meine Website auf eine barrierefreie Version umzustellen.
    Beim Check mit validator.w3.org […]

    Was hat das mit Barrierefreiheit zu tun?

    Error Line 88 column 81: an attribute value must be a literal unless it contains only name characters.
    ...nnstelle&quot;>­</span>haus<span class=&quot;trennstelle&quot;>­</span>bau<...

    Die Anführungszeichen (nicht maskiert!) um den Attributwert fehlen.

    Error Line 100 column 27: document type does not allow element "h5" here; missing one of "object", "ins", "del", "map", "button" start-tag.
    <p class="menutitle"><b><h5><a href="http://www.domain.de...

    p darf keine Blockelemente (wie h5) enthalten.

    Info Line 106 column 0: start tag was here.
    <p class="menutitle"><b><h5><a href="http://www.domain.de...

    Das gleiche.

    Error Line 131 column 48: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified.
    ...r="0" style="margin-top:0.1em" align=right src="bild1.jpg" width="242"...

    Könnte dasselbe sein wie oben.

    Live long and prosper,
    Gunnar

    --
    „Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)
    1. Moin!

      ich bin gerade dabei meine Website auf eine barrierefreie Version umzustellen.
      Beim Check mit validator.w3.org […]
      Was hat das mit Barrierefreiheit zu tun?

      Das ist einfach beantwortet. Eine der Anforderungen für Barrierefreiheit ist valides HTML.

      MFFG (Mit freundlich- friedfertigem Grinsen)

      fastix®

      --
      Als Freiberufler bin ich immer auf der Suche nach Aufträgen: Schulungen, Development. Auch  für seriöse Agenturen.
  3. Hi,

    Beim Check mit validator.w3.org wurden jedoch einige Fehler angezeigt, mit denen ich nichts anfangen kann.

    Wieso verwendest Du XHTML, wenn Dir die HTML-Regeln noch teilweise unbekannt sind?

    Attribute gehören in Quotes. Also in "" oder ''.
    Und in P oder inline-Elementen dürfen keine Block-Elemente verschachtelt werden. Dovon abgesehen ist:

    <p class="menutitle"><b><h5>

    ziemlicher Murks. <h5> alleine reicht hier völlig, wobei ich mich frage, ob Du davor tatsächlich bereits Überschriften bis zum vierten Grad angegeben hast.

    freundliche Grüße
    Ingo

  4. Hallo Bernd,

    Beim Check mit validator.w3.org wurden jedoch einige Fehler angezeigt, mit denen ich nichts anfangen kann. Wäre nett, wenn mir jemand helfen könnte.

    Mal sehen...

    Error Line 88 column 81: an attribute value must be a literal unless it contains only name characters.
    ...nnstelle&quot;>­</span>haus<span class=&quot;trennstelle&quot;>­</span>bau<...

    Was hat &quot; in den <span>s zu suchen? Wozu willst du das Zeichen hier maskieren? Damit es mit zum Attribut gehört? Nein, die Anführungszeichen sollen den Attributwert umschließen - und zwar unmaskiert.

    Error Line 100 column 27: document type does not allow element "h5" here; missing one of "object", "ins", "del", "map", "button" start-tag.
    <p class="menutitle"><b><h5><a href="http://www.domain.de...

    Du verwendest <h5> in einem Kontext, in dem es nicht erlaubt ist, hier innerhalb eines <p> Elements.

    Info Line 106 column 0: start tag was here.
    <p class="menutitle"><b><h5><a href="http://www.domain.de...

    Hier beginnt nach Ansicht des Validators das Element, zu dem du weiter unten das schließende Tag vergessen hast. Column 0 lässt mich auf das <p> Element tippen.

    Error Line 131 column 48: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified.
    ...r="0" style="margin-top:0.1em" align=right src="bild1.jpg" width="242"...

    Aus dem Spruch werde ich auch nicht 100% schlau, aber zumindest frage ich mich, wo denn die Anführungszeichen um das "right" geblieben sind.

    Abgesehen von diesen Fehlern stellt sich die Frage, warum du nicht komplett alle Angaben, die nur die Darstellung betreffen, ins Stylesheet auslagerst. Dafür ist CSS schließlich gemacht. Wenn du jetzt schon den Aufwand treibst, deine Seite barrierefrei zu gestalten, sollte das eigentlich ein wichtiger Schritt sein. Ich sehe aber noch <b> und align="right", und auch deine <h5> wirken für mich, als hättest du das Element nicht wegen seines Sinngehalts gewählt, sondern wegen seiner Optik. Falls das so ist, denke lieber noch einmal scharf darüber nach.

    So long,

    Martin

    1. Hallo Martin,

      Abgesehen von diesen Fehlern stellt sich die Frage, warum du nicht komplett alle Angaben, die nur die Darstellung betreffen, ins Stylesheet auslagerst. Dafür ist CSS schließlich gemacht. Wenn du jetzt schon den Aufwand treibst, deine Seite barrierefrei zu gestalten, sollte das eigentlich ein wichtiger Schritt sein. Ich sehe aber noch <b> und align="right", und auch deine <h5> wirken für mich, als hättest du das Element nicht wegen seines Sinngehalts gewählt, sondern wegen seiner Optik. Falls das so ist, denke lieber noch einmal scharf darüber nach.

      ich weiß, die <h5> Tags sind eher für Überschriften, als für ganze Absätze gedacht. Ich bin aber erst dabei mich langsam in die Materie einzuarbeiten... Wie müßte ich denn den Absatz in CSS formatieren, ohne <h5> zu verwenden?

      Gruß
      Bernd

  5. Moin Bernd,

    ...nnstelle&quot;>­</span>haus<span class=&quot;trennstelle&quot;>­</span>bau<...

    mal abgesehen davon, dass die &quot; hier nichts verloren haben - haben dir ja bereits die anderen erleutert -, habe ich mal eine Frage:

    Du scheinst diese spans dafür zu nutzen, eine bedingte Silbentrennung zu realisieren... Ich kenne bisher nur die Möglichkeit &shy; zu verwenden und dies über ein umschließendes span für gewisse Browser auszuschließen.

    Scheinbar hast du eine andere Möglichkeit gefunden, wie machst du's...?

    Glück auf
    Dirk

    1. Ich kenne bisher nur die Möglichkeit &shy; zu verwenden und dies über ein umschließendes span für gewisse Browser auszuschließen.

      Hi Dirk,
      Was meinst du mit dem 2. Teil?

      Live long and prosper,
      Gunnar

      --
      „Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)
      1. Moin Gunnar,

        Was meinst du mit dem 2. Teil?

        ich habe deine Frage zu spät gesehen und hatte sie jetzt schon in https://forum.selfhtml.org/?t=113066&m=717254 beantwortet...

        Glück auf
        Dirk

    2. Hallo Dirk,

      Du scheinst diese spans dafür zu nutzen, eine bedingte Silbentrennung zu realisieren... Ich kenne bisher nur die Möglichkeit &shy; zu verwenden und dies über ein umschließendes span für gewisse Browser auszuschließen.

      Scheinbar hast du eine andere Möglichkeit gefunden, wie machst du's...?

      ich setze einfach an die Stelle, an der die Silbentrennung erfolgen soll, folg. Code: <span class="trennstelle">­</span>
      Den Tipp habe ich mal in einem Forum gefunden.

      Gruß
      Bernd

      1. ich setze einfach an die Stelle, an der die Silbentrennung erfolgen soll, folg. Code: <span class="trennstelle">­</span>
        Den Tipp habe ich mal in einem Forum gefunden.

        Bernd,
        An welchem Tag des Jahres war das? So kurz nach März?

        Überprüft hast du den Tip nicht? Das trennt weder im Firefox noch im IE.

        Live long and prosper,
        Gunnar

        --
        „Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)
        1. An welchem Tag des Jahres war das? So kurz nach März?

          Überprüft hast du den Tip nicht? Das trennt weder im Firefox noch im IE.

          Mit dem IE funktioniert es entgegen deiner Aussage wunderbar.

          Bernd

          1. Hi Bernd,

            Mit dem IE funktioniert es entgegen deiner Aussage wunderbar.

            Mit meinem IE 6 funktioniert es entgegen deiner Aussage nicht.

            Außerdem ist <span></span> gerade für den IE völliger Unsinn, da dieser &shy; richtig anwendet und dann beim Trennen auch den Trennstrich am Zeilenende setzt.

            Es ist ein Jammer, dass andere Browser bei &shy; nicht trennen.

            Live long and prosper,
            Gunnar

            --
            „Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)
            1. Moin Gunnar,

              Es ist ein Jammer, dass andere Browser bei &shy; nicht trennen.

              Das stimmt, aber zumindest Opera tut es mittlerweile auch...

              Viel schlimmer als "nicht trennen" verhält sich aber der Mac-IE: er zeigt statt &shy; irgendein wirres Sonderzeichen, daher habe ich ihn (und auch IEs < 5.5 unter Windows) per CSS-Hack von der Anzeige ausgeschlossen, was leider ein Wort wie

              Aus<SPAN CLASS="trennen">&shy;</SPAN>lands<SPAN CLASS="trennen">&shy;</SPAN>ver<SPAN CLASS="trennen">&shy;</SPAN>tre<SPAN CLASS="trennen">&shy;</SPAN>tun<SPAN CLASS="trennen">&shy;</SPAN>gen

              nicht gerade lesbar macht und den Code auch "ein wenig" aufbläht...

              Glück auf
              Dirk

              1. Hi Dirk,

                Viel schlimmer als "nicht trennen" verhält sich aber der Mac-IE: er zeigt statt &shy; irgendein wirres Sonderzeichen, daher habe ich ihn (und auch IEs < 5.5 unter Windows) per CSS-Hack von der Anzeige ausgeschlossen,

                ?? Mein IE 5.0 (Win) hat mit &shy; nicht die geringsten Probleme.

                Live long and prosper,
                Gunnar

                --
                „Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)
                1. Moin Gunnar,

                  ?? Mein IE 5.0 (Win) hat mit &shy; nicht die geringsten Probleme.

                  gut, wieder was gelernt... den hatte ich nur sicherheitshalber ausgeschlossen, weil ich keinen Test machen konnte, richtig fies sieht's aber im Mac-IE aus, den Screenshot habe ich jetzt leider nicht hier, kann ich aber gerne nachreichen.

                  Dort werden die Texte fast unlesbar, daher sollte man ihn bei &shy; immer ausschließen.

                  Den IE 5.0 (Win) nehme ich dann auf jeden Fall wieder rein...

                  Glück auf
                  Dirk

                  1. Moin moin,

                    (...) richtig fies sieht's aber im Mac-IE aus, den Screenshot habe ich jetzt leider nicht hier, kann ich aber gerne nachreichen.

                    Dort werden die Texte fast unlesbar, daher sollte man ihn bei &shy; immer ausschließen.

                    Hier jetzt der Screenshot dazu:

                    Glück auf
                    Dirk

              2. Hallo.

                Es ist ein Jammer, dass andere Browser bei &shy; nicht trennen.

                Das stimmt, aber zumindest Opera tut es mittlerweile auch...

                Hinweis: Das Wort "mittlerweile" steht hier für "seit geraumer Zeit".
                MfG, at

        2. Hi,

          Überprüft hast du den Tip nicht? Das trennt weder im Firefox noch im IE.

          da fehlt ja auch noch ein (winzig formatiertes) Leerzeichen zwischen. ;-)

          freundliche Grüße
          Ingo