picture-isvalid.html (9887B)
1 <!DOCTYPE html> 2 <!-- DO NOT EDIT! This test has been generated by /conformance-checkers/tools/picture.py. --> 3 <meta charset=utf-8> 4 <title>valid picture</title> 5 <template><picture><img src=x alt></picture></template> <!-- parent-template-in-head --> 6 <body> 7 <img src=x alt> <!-- basic-img-src --> 8 <picture><img src=x alt></picture> <!-- basic-picture-img-src --> 9 <picture><source srcset=x><img src=x alt></picture> <!-- basic-picture-source --> 10 <picture><source srcset=x height=100><img src=x alt></picture> <!-- source-height --> 11 <picture><source srcset=x width=100><img src=x alt></picture> <!-- source-width --> 12 <picture> <!--x--> <source srcset=x> <!--x--> <img src=x alt> <!--x--> </picture> <!-- inter-element-whitespace --> 13 <p><picture><img src=x alt></picture></p> <!-- parent-p --> 14 <h1><picture><img src=x alt=x></picture></h1> <!-- parent-h1 --> 15 <noscript><picture><img src=x alt></picture></noscript> <!-- parent-noscript-in-body --> 16 <object data=x><picture><img src=x alt></picture></object> <!-- parent-object --> 17 <video src=x><picture><img src=x alt></picture></video> <!-- parent-video --> 18 <section><h2>x</h2><picture><img src=x alt></picture></section> <!-- parent-section --> 19 <main><picture><img src=x alt></picture></main> <!-- parent-main --> 20 <canvas><picture><img src=x alt></picture></canvas> <!-- parent-canvas --> 21 <template><picture><img src=x alt></picture></template> <!-- parent-template-in-body --> 22 <ruby><picture><img src=x alt></picture><rt>x</rt></ruby> <!-- parent-ruby --> 23 <ruby>x<rt><picture><img src=x alt></picture></rt></ruby> <!-- parent-rt --> 24 <a href=x><picture><img src=x alt></picture></a> <!-- parent-a --> 25 <button><picture><img src=x alt></picture></button> <!-- parent-button --> 26 <table><tr><td><picture><img src=x alt></picture></table> <!-- parent-td --> 27 <picture><script></script><source srcset=x><img src=x alt></picture> <!-- script-first --> 28 <picture><template></template><source srcset=x><img src=x alt></picture> <!-- template-first --> 29 <picture><source srcset=x><script></script><img src=x alt></picture> <!-- script-between --> 30 <picture><source srcset=x><img src=x alt><script></script></picture> <!-- script-after --> 31 <picture><script></script><source srcset=x><img src=x alt><script></script></picture> <!-- script-before-after --> 32 <picture><script></script><source srcset=x><script></script><img src=x alt><script></script></picture> <!-- script-before-between-after --> 33 <picture><template></template><source srcset=x><script></script><img src=x alt><template></template></picture> <!-- script-and-template --> 34 <picture><source srcset=x media=screen><img src=x srcset=x alt></picture> <!-- source-with-media-img-with-srcset --> 35 <picture><source srcset=x media=SCREEN><img src=x srcset=x alt></picture> <!-- source-with-media-uppercase-img-with-srcset --> 36 <picture><source srcset=x media=' 37 screen 38 '><img src=x srcset=x alt></picture> <!-- source-with-media-spaces-img-with-srcset --> 39 <picture><source srcset=x media=screen><source srcset=x><img src=x alt></picture> <!-- source-with-media-source-with-srcset --> 40 <picture><source srcset=x type=image/gif><img src=x srcset=x alt></picture> <!-- source-with-type-img-with-srcset --> 41 <picture><source srcset=x type=image/gif><source srcset=x><img src=x alt></picture> <!-- source-with-type-source-with-srcset --> 42 <img srcset='x 100w, y 200w' sizes=50vw src=x alt> <!-- img-with-sizes --> 43 <picture><source srcset='x 100w, y 200w' sizes=50vw><img src=x alt></picture> <!-- source-with-sizes --> 44 <embed srcset> <!-- embed-srcset-empty --> 45 <embed srcset='foo bar'> <!-- embed-srcset-junk --> 46 <embed sizes> <!-- embed-sizes-empty --> 47 <embed sizes='foo bar'> <!-- embed-sizes-junk --> 48 <img src=x srcset='x 1x, y 2x' alt> <!-- img-src-also-in-srcset-1x --> 49 <img src=x srcset='y 1x, x 2x' alt> <!-- img-src-also-in-srcset-2x --> 50 <img src=x srcset='x 100w, y 200w' sizes=100vw alt> <!-- img-src-also-in-srcset-w --> 51 <img src=x srcset='y 1x, z 2x' alt> <!-- img-src-not-in-srcset-x --> 52 <img src=x srcset='y 100w, z 200w' sizes=100vw alt> <!-- img-src-not-in-srcset-w --> 53 <picture><source srcset=x type=image/gif><img src=x alt></picture> <!-- source-type --> 54 <picture><source srcset='x 1x, y 2x' type=image/gif><img src=x alt></picture> <!-- source-type-srcset-x --> 55 <picture><source srcset='x 100w, y 200w' type=image/gif sizes=50vw><img src=x alt></picture> <!-- source-type-srcset-w-sizes --> 56 <img sizes='(min-width:500px) 500px, 100vw' srcset='x 100w, y 200w' src=x alt> <!-- sizes-microsyntax-media-min-width --> 57 <img sizes='(min-width:1500px) 500px, (min-width:1000px) 33vw, (min-width:500px) 50vw, 100vw' srcset='x 100w, y 200w' src=x alt> <!-- sizes-microsyntax-multiple-source-sizes --> 58 <img sizes='(min-width:500px) 500px' srcset='x 100w, y 200w' src=x alt> <!-- sizes-microsyntax-no-default --> 59 <img sizes='(not (width:500px)) and (width:500px) 500px' srcset='x 100w, y 200w' src=x alt> <!-- sizes-microsyntax-media-not-and --> 60 <img sizes='500px' srcset='x 100w, y 200w' src=x alt> <!-- sizes-microsyntax-only-default --> 61 <img sizes='calc(500px)' srcset='x 100w, y 200w' src=x alt> <!-- sizes-microsyntax-calc-in-default --> 62 <img sizes='(min-width:500px) calc(500px)' srcset='x 100w, y 200w' src=x alt> <!-- sizes-microsyntax-calc-in-source-size-value --> 63 <img sizes='(min-width:calc(500px)) 500px' srcset='x 100w, y 200w' src=x alt> <!-- sizes-microsyntax-calc-in-media --> 64 <img sizes='0' srcset='x 100w, y 200w' src=x alt> <!-- sizes-microsyntax-zero --> 65 <img sizes='-0' srcset='x 100w, y 200w' src=x alt> <!-- sizes-microsyntax-minus-zero --> 66 <img sizes='1em' srcset='x 100w, y 200w' src=x alt> <!-- sizes-microsyntax-em-in-source-size-value --> 67 <img sizes='1ex' srcset='x 100w, y 200w' src=x alt> <!-- sizes-microsyntax-ex-in-source-size-value --> 68 <img sizes='1ch' srcset='x 100w, y 200w' src=x alt> <!-- sizes-microsyntax-ch-in-source-size-value --> 69 <img sizes='1rem' srcset='x 100w, y 200w' src=x alt> <!-- sizes-microsyntax-rem-in-source-size-value --> 70 <img sizes='1vw' srcset='x 100w, y 200w' src=x alt> <!-- sizes-microsyntax-vw-in-source-size-value --> 71 <img sizes='1vh' srcset='x 100w, y 200w' src=x alt> <!-- sizes-microsyntax-vh-in-source-size-value --> 72 <img sizes='1vmin' srcset='x 100w, y 200w' src=x alt> <!-- sizes-microsyntax-vmin-in-source-size-value --> 73 <img sizes='1vmax' srcset='x 100w, y 200w' src=x alt> <!-- sizes-microsyntax-vmax-in-source-size-value --> 74 <img sizes='1cm' srcset='x 100w, y 200w' src=x alt> <!-- sizes-microsyntax-cm-in-source-size-value --> 75 <img sizes='1mm' srcset='x 100w, y 200w' src=x alt> <!-- sizes-microsyntax-mm-in-source-size-value --> 76 <img sizes='1q' srcset='x 100w, y 200w' src=x alt> <!-- sizes-microsyntax-q-in-source-size-value --> 77 <img sizes='1in' srcset='x 100w, y 200w' src=x alt> <!-- sizes-microsyntax-in-in-source-size-value --> 78 <img sizes='1pc' srcset='x 100w, y 200w' src=x alt> <!-- sizes-microsyntax-pc-in-source-size-value --> 79 <img sizes='1pt' srcset='x 100w, y 200w' src=x alt> <!-- sizes-microsyntax-pt-in-source-size-value --> 80 <img sizes='1px' srcset='x 100w, y 200w' src=x alt> <!-- sizes-microsyntax-px-in-source-size-value --> 81 <img sizes='0.2px' srcset='x 100w, y 200w' src=x alt> <!-- sizes-microsyntax-non-integer-px-in-source-size-value --> 82 <img sizes='/**/50vw' srcset='x 100w, y 200w' src=x alt> <!-- sizes-microsyntax-leading-css-comment --> 83 <img sizes='50vw/**/' srcset='x 100w, y 200w' src=x alt> <!-- sizes-microsyntax-trailing-css-comment --> 84 <img sizes='+50vw' srcset='x 100w, y 200w' src=x alt> <!-- sizes-microsyntax-plus --> 85 <img sizes='.2px' srcset='x 100w, y 200w' src=x alt> <!-- sizes-microsyntax-non-integer-omitted-zero --> 86 <img sizes='-0e-0px' srcset='x 100w, y 200w' src=x alt> <!-- sizes-microsyntax-scientifi-notation-0 --> 87 <img sizes='+11.11e+11px' srcset='x 100w, y 200w' src=x alt> <!-- sizes-microsyntax-scientifi-notation-1 --> 88 <img sizes='2.2e2px' srcset='x 100w, y 200w' src=x alt> <!-- sizes-microsyntax-scientifi-notation-2 --> 89 <img sizes='33E33px' srcset='x 100w, y 200w' src=x alt> <!-- sizes-microsyntax-scientifi-notation-3 --> 90 <img sizes='.4E4px' srcset='x 100w, y 200w' src=x alt> <!-- sizes-microsyntax-scientifi-notation-4 --> 91 <img srcset='x,x' src=x alt> <!-- srcset-microsyntax-comma-in-url --> 92 <img srcset='%2Cx' src=x alt> <!-- srcset-microsyntax-percent-escaped-leading-comma-in-url --> 93 <img srcset='x%2C' src=x alt> <!-- srcset-microsyntax-percent-escaped-trailing-comma-in-url --> 94 <img srcset='%20' src=x alt> <!-- srcset-microsyntax-percent-escaped-space-in-url --> 95 <img srcset='x 1w' sizes=100vw src=x alt> <!-- srcset-microsyntax-w --> 96 <img srcset='x 1x' src=x alt> <!-- srcset-microsyntax-x --> 97 <img srcset='x .5x' src=x alt> <!-- srcset-microsyntax-leading-dot-x --> 98 <img srcset='x 1.5x' src=x alt> <!-- srcset-microsyntax-non-integer-x --> 99 <img srcset='x 1e0x' src=x alt> <!-- srcset-microsyntax-scientific-notation-x --> 100 <img srcset='x 1.5e0x' src=x alt> <!-- srcset-microsyntax-scientific-notation-decimals-x --> 101 <img srcset='x 1e+0x' src=x alt> <!-- srcset-microsyntax-scientific-notation-e-plus-x --> 102 <img srcset='x 1e-0x' src=x alt> <!-- srcset-microsyntax-scientific-notation-e-minus-x --> 103 <img srcset='x 1E0x' src=x alt> <!-- srcset-microsyntax-scientific-notation-e-uppercase-x --> 104 <img srcset='x 1x,y 2x' src=x alt> <!-- srcset-microsyntax-no-space-between-candidates --> 105 <picture><img crossorigin src=x alt></picture> <!-- img-crossorigin-with-picture --> 106 <picture><img usemap=#x src=x alt></picture><map name=x></map> <!-- img-usemap-with-picture --> 107 <a href=x><picture><img ismap src=x alt></picture></a> <!-- img-ismap-with-picture --> 108 <picture><img src=x alt width=1 height=1></picture> <!-- img-width-height-with-picture --> 109 <picture><img src=x alt width=0 height=0></picture> <!-- img-width-height-zero-with-picture --> 110 <picture title=x class=x dir=ltr hidden id=asdf tabindex=0><img src=x alt></picture> <!-- picture-global-attributes -->