((p "Image content is assumed, if an URL is used or if the referenced zettel contains an image.") (p "Supported formats are:") (ul (li "Portable Network Graphics (" (@L (@H "“") "PNG" (@H "”")) "), as defined by " (a (@ (href . "https://tools.ietf.org/html/rfc2083") (rel . "external")) "RFC 2083") ".") (li "Graphics Interchange Format (\"\"GIF\"), as defined by " (a (@ (href . "https://www.w3.org/Graphics/GIF/spec-gif89a.txt") (rel . "external")) "https://www.w3.org/Graphics/GIF/spec-gif89a.txt") ".") (li "JPEG / JPG, defined by the " (em "Joint Photographic Experts Group") ".") (li "Scalable Vector Graphics (SVG), defined by " (a (@ (href . "https://www.w3.org/Graphics/SVG/") (rel . "external")) "https://www.w3.org/Graphics/SVG/")) (li "WebP, defined by " (a (@ (href . "https://developers.google.com/speed/webp") (rel . "external")) "Google"))) (p "If the text is given, it will be interpreted as an alternative textual representation, to help persons with some visual disabilities.") (p (a (@ (href . "00001007050000")) "Attributes") " are supported." " " "They must follow the last right curly bracket character immediately." " " "One prominent example is to specify an explicit title attribute that is shown on certain web browsers when the zettel is rendered in HTML:") (p "Examples:") (ul (li (p (a (@ (id . "spin")) (code "{{Spinning Emoji|00000000040001}}{title=Emoji width=30}")) " is rendered as " (span (@ (class . "example")) (img (@ (alt . "Spinning Emoji") (src . "00000000040001") (title . "Emoji") (width . "30")))) ".")) (li (p "The above image is also the placeholder for a non-existing invalid zettel or for using an invalid zettel identifier:") (ul (li (code "{{99999999999999}}") " will be rendered as " (span (@ (class . "example")) (img (@ (alt . "Error placeholder") (src . "00000000040001")))) ".") (li (code "{{00000000000000}}") " will be rendered as " (span (@ (class . "example")) (img (@ (alt . "Error placeholder") (src . "00000000040001")))) ".")))))