Simone: Html Checker Error

Hi,

Beim Checken mit validator.w3.org bekomme ich diese Fehlermeldungen:

Error: Bad value for attribute src on element img: Expected a double quote or a token character but saw , instead.

<img src="data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria…8v54h-64v74h64v190z%22%2F%3E%3C%2Fsvg%3E" width="50" alt="teilen!" >

Wie kann ich die ganze Sache valid gestalten?

siehe Svg Facebook bzw. Google Like Button

Danke Simone

  1. Hallo Simone,

    Error: Bad value for attribute src on element img: Expected a double quote or a token character but saw , instead.

    <img src="data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria…8v54h-64v74h64v190z%22%2F%3E%3C%2Fsvg%3E" width="50" alt="teilen!" >
    

    Wie kann ich die ganze Sache valid gestalten?

    Die Syntax für data-URIs ist data:[<mediatype>][;base64],<data>. Dein utf8 ist falsch, das kannst du in diesem Fall ersatzlos streichen:

    <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria…8v54h-64v74h64v190z%22%2F%3E%3C%2Fsvg%3E" width="50" alt="teilen!" >
    

    LG,
    CK

    1. Hej Christian,

      Error: Bad value for attribute src on element img: Expected a double quote or a token character but saw , instead.

      Da gibt es noch vieles zu verbessern, obwohl es valide ist. Magst du was dazu hören oder lieber noch nicht?

      Marc

      1. Hallo Simone,

        das sollte eigentlich an dich gehen, nicht an @Christian Kruse . Habe auf den falschen Post geantwortet…

        Error: Bad value for attribute src on element img: Expected a double quote or a token character but saw , instead.

        Da gibt es noch vieles zu verbessern, obwohl es valide ist. Magst du was dazu hören oder lieber noch nicht?

        Marc

  2. Genau das war es...

    Vielen, vielen Dank!

  3. @@Simone

    <img src="data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria…8v54h-64v74h64v190z%22%2F%3E%3C%2Fsvg%3E" width="50" alt="teilen!" >
    

    Welchen Sinn macht es, das SVG als img einzubetten anstatt als svg-Element?

    Letzteres hätte u.a. den Vorteil, dass man es mit CSS stylen kann.

    LLAP 🖖

    --
    „Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“ —Kurt Weidemann