Html Checker Error
Simone
- html
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
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
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
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
Genau das war es...
Vielen, vielen Dank!
@@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 🖖