/
githubmirror
/
amphtml
Обзор
Документация
Войти
/
githubmirror
/
amphtml
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
test/fixtures/images.html
126 строк
6 KB
Caroline Liu
♿ Apply `lang="en"` to relevant snippets in `test/` (#34768)
11 июн 2021, 16:59
Не верифицирован
11 июн 2021, 16:59
c3608d2
Код
Авторство
О чём код?
<!doctype html> <html ⚡ lang="en"> <head> <meta charset="utf-8"> <title>AMP #0</title> <link rel="canonical" href="amps.html" > <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"> <style amp-custom> h1 {color: red} body { max-width: 527px; font-family: Arial; } amp-extended-sample.i-amphtml-element { display: block; } </style> <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript> <script async src="https://cdn.ampproject.org/v0.js"></script> </head> <body> <h1>AMP #0</h1> <p> Responsive <p> <amp-img id="img0" src="/examples/img/sample.jpg" width=527 height=193 layout="responsive"></amp-img> </p> <p> Fixed <p> <amp-img id="img1" src="/examples/img/sample.jpg" width=264 height=96></amp-img> </p> <p> None <p> <amp-img id="img2" src="/examples/img/sample.jpg" width=527 height=193 layout="nodisplay"></amp-img> </p> <p> Lorem ipsum dolor sit amet </p> <amp-ad id="ad1" width=300 height=250 type="a9" data-aax_size="300x250" data-aax_pubname="test123" data-aax_src="302"> </amp-ad> <p> Lorem ipsum dolor sit amet, has nisl nihil convenire et, vim at aeque inermis reprehendunt. Propriae tincidunt id nec, elit nusquam te mea, ius noster platonem in. Mea an idque minim, sit sale deleniti apeirian et. Omnium legendos tractatos cu mea. Vix in stet dolorem accusamus. Iisque rationibus consetetur in cum, quo unum nulla legere ut. Simul numquam saperet no sit. </p> <p> Lorem ipsum dolor sit amet, has nisl nihil convenire et, vim at aeque inermis reprehendunt. Propriae tincidunt id nec, elit nusquam te mea, ius noster platonem in. Mea an idque minim, sit sale deleniti apeirian et. Omnium legendos tractatos cu mea. Vix in stet dolorem accusamus. Iisque rationibus consetetur in cum, quo unum nulla legere ut. Simul numquam saperet no sit. </p> <p> Media queries <amp-img id="img3" media="(max-width: 500px)" src="/examples/img/sample.jpg" width=527 height=193 layout="responsive" ></amp-img> </p> <p> <amp-img id="img3_1" media="(min-width: 501px)" src="/examples/img/sample.jpg" width=527 height=193 layout="responsive" ></amp-img> </p> <!-- Put things on the next page load wise --> <div style="height:1500px"></div> <p> <amp-img id="img5" src="/examples/img/sample.jpg" width=527 height=193 layout="responsive" ></amp-img> </p> <p> Lorem ipsum dolor sit amet, has nisl nihil convenire et, vim at aeque inermis reprehendunt. Propriae tincidunt id nec, elit nusquam te mea, ius noster platonem in. Mea an idque minim, sit sale deleniti apeirian et. Omnium legendos tractatos cu mea. Vix in stet dolorem accusamus. Iisque rationibus consetetur in cum, quo unum nulla legere ut. Simul numquam saperet no sit. </p> <p> <amp-img id="img6" src="/examples/img/sample.jpg" width=527 height=193 layout="responsive" ></amp-img> </p> <p> <amp-img id="img7" src="/examples/img/sample.jpg" width=527 height=193 layout="responsive" ></amp-img> </p> <p> <amp-img id="img8_2" src="/examples/img/sample.jpg" width=527 height=193 layout="responsive" ></amp-img> </p> <p> <amp-img id="img9" src="/examples/img/sample.jpg" width=527 height=193 layout="responsive" ></amp-img> </p> <p> <amp-img id="img10" src="/examples/img/sample.jpg" width=527 height=193 layout="responsive" ></amp-img> </p> <p> Lorem ipsum dolor sit amet, has nisl nihil convenire et, vim at aeque inermis reprehendunt. Propriae tincidunt id nec, elit nusquam te mea, ius noster platonem in. Mea an idque minim, sit sale deleniti apeirian et. Omnium legendos tractatos cu mea. Vix in stet dolorem accusamus. Iisque rationibus consetetur in cum, quo unum nulla legere ut. Simul numquam saperet no sit. </p> <p> <amp-img id="img11" src="/examples/img/sample.jpg" width=527 height=193 layout="responsive" ></amp-img> </p> <p> <amp-img id="img12" src="/examples/img/sample.jpg" width=527 height=193 layout="responsive" ></amp-img> </p> <p> <amp-img id="img13" src="/examples/img/sample.jpg" width=527 height=193 layout="responsive" ></amp-img> </p> <p> <amp-img id="img14" src="/examples/img/sample.jpg" width=527 height=193 layout="responsive" ></amp-img> </p> <p> Lorem ipsum dolor sit amet, has nisl nihil convenire et, vim at aeque inermis reprehendunt. Propriae tincidunt id nec, elit nusquam te mea, ius noster platonem in. Mea an idque minim, sit sale deleniti apeirian et. Omnium legendos tractatos cu mea. Vix in stet dolorem accusamus. Iisque rationibus consetetur in cum, quo unum nulla legere ut. Simul numquam saperet no sit. </p> <p> In a box case <amp-img id="img8" i-amphtml-ssr src="/examples/img/sample.jpg" width=527 height=193 layout="responsive"> <img src="/examples/img/sample.jpg" width=527 height=193/> </amp-img> </p> <amp-ad id="ad2" width=300 height=250 type="a9" data-aax_size="300x250" data-aax_pubname="test123" data-aax_src="302"> </amp-ad> </body> </html>