{"json_modified": "2016-09-25T23:02:14.557236", "uuid": "b9dc9fbd-9230-49ec-b3df-55b1ca2f2c99", "title": "<picture>", "url": "/en-US/docs/Web/HTML/Element/picture", "tags": ["Element", "Reference", "picture", "Web", "HTML", "Experimental"], "translations": [{"uuid": "24d37e33-536b-4140-8645-f861f79a04ff", "title": "<picture>", "url": "/de/docs/Web/HTML/Element/picture", "tags": [], "summary": "Das\u00a0<strong>HTML-Element\u00a0<code>&lt;picture&gt;</code> </strong>ist ein Container, der zur Angabe mehrerer <a href=\"/de/docs/Web/HTML/Element/source\" title=\"Die Beschreibung hier&#xFC;ber wurde bisher noch nicht geschrieben; bitte erw&#xE4;ge, mitzuwirken!\"><code>&lt;source&gt;</code></a>s (Bildquellen) f\u00fcr ein\u00a0<a href=\"/de/docs/Web/HTML/Element/img\" title=\"Das&#xA0;HTML-Image-Element&#xA0;(&lt;img&gt;) repr&#xE4;sentiert ein Bild in dem Document.\"><code>&lt;img&gt;</code></a> dient. Der Browser wird die Quelle verwenden, die aufgrund des gegenw\u00e4rtigen Seitenlayouts (die Begrenzungen der Box, in der das Bild auftaucht) und dem Anzeigeger\u00e4t (z.B. ein normales or hiDPI-Ger\u00e4t) am geeignesten erscheint.", "localization_tags": ["inprogress"], "locale": "de", "last_edit": "2015-12-15T04:01:24", "review_tags": []}, {"uuid": "6f7f1051-892d-497a-8d54-7932b7c7c794", "title": "<picture>", "url": "/fr/docs/Web/HTML/Element/picture", "tags": [], "summary": "La <strong>balise HTML <code>&lt;picture&gt;</code></strong> est un contenant permettant de sp\u00e9cifier de multiples <a href=\"/fr/docs/Web/HTML/Element/source\" title=\"L'&#xE9;l&#xE9;ment HTML &lt;source&gt; est utilis&#xE9; pour d&#xE9;finir diff&#xE9;rentes ressources multi-m&#xE9;dia pour les &#xE9;l&#xE9;ments &lt;picture&gt;,&#xA0;&lt;audio&gt; et&#xA0;&lt;video&gt;. C'est un &#xE9;l&#xE9;ment vide. Il est g&#xE9;n&#xE9;ralement utilis&#xE9; pour servir le m&#xEA;me m&#xE9;dia dans les diff&#xE9;rents formats support&#xE9;s par les navigateurs.\"><code>&lt;source&gt;</code></a> pour l'\u00e9l\u00e9ment <a href=\"/fr/docs/Web/HTML/Element/img\" title=\"L'&#xE9;l&#xE9;ment &lt;img&gt; HTML (ou HTML Image Element en anglais) repr&#xE9;sente une image du document.\"><code>&lt;img&gt;</code></a> qu'il contient. Le navigateur choisira la source la plus appropri\u00e9e selon la mise en page courante (les contraintes sur la boite o\u00f9 l'image apparaitra) et le p\u00e9riph\u00e9rique sur lequel il sera affich\u00e9 (comme un \u00e9cran ordinaire ou haute d\u00e9finition).", "localization_tags": [], "locale": "fr", "last_edit": "2015-02-18T00:56:41", "review_tags": []}, {"uuid": "5266fe86-e672-47b3-8e7a-5b764e29795d", "title": "<picture>", "url": "/ja/docs/Web/HTML/Element/picture", "tags": ["Element", "Reference", "Web", "HTML"], "summary": "<strong><code>HTML &lt;picture&gt;</code> \u8981\u7d20</strong>\u306f\u3001\u7279\u5b9a\u306e<a href=\"/ja/docs/Web/HTML/Element/img\" title=\"HTML &lt;img&gt; &#x8981;&#x7D20; (HTML &#x753B;&#x50CF;&#x8981;&#x7D20;) &#x306F;&#x3001;&#x30C9;&#x30AD;&#x30E5;&#x30E1;&#x30F3;&#x30C8;&#x306B;&#x753B;&#x50CF;&#x3092;&#x8868;&#x793A;&#x3057;&#x307E;&#x3059;&#x3002;\"><code>&lt;img&gt;</code></a>\u306e\u305f\u3081\u306e\u8907\u6570\u306e<a href=\"/ja/docs/Web/HTML/Element/source\" title=\"source &#x8981;&#x7D20; (&lt;source /&gt;) &#x306F; HTML5 &#x6587;&#x66F8;&#x306B;&#x304A;&#x3051;&#x308B; &lt;picture&gt; &#x8981;&#x7D20;&#x3001;audio &#x8981;&#x7D20;&#x53CA;&#x3073; video &#x8981;&#x7D20;&#x306B;&#x5BFE;&#x3057;&#x3001;&#x8907;&#x6570;&#x306E;&#x30E1;&#x30C7;&#x30A3;&#x30A2;&#x30EA;&#x30BD;&#x30FC;&#x30B9;&#x3092;&#x6307;&#x5B9A;&#x3059;&#x308B;&#x5834;&#x5408;&#x306B;&#x7528;&#x3044;&#x307E;&#x3059;&#x3002;&#x3053;&#x306E;&#x8981;&#x7D20;&#x81EA;&#x4F53;&#x306F;&#x7A7A;&#x8981;&#x7D20;&#x3067;&#x3059;&#x3002;&#x3053;&#x306E;&#x8981;&#x7D20;&#x306F;&#x4E00;&#x822C;&#x7684;&#x306B;&#x3001;&#x5404;&#x30D6;&#x30E9;&#x30A6;&#x30B6;&#x6BCE;&#x306B;&#x30B5;&#x30DD;&#x30FC;&#x30C8;&#x306E;&#x7570;&#x306A;&#x308B;&#x8907;&#x6570;&#x306E;&#x30E1;&#x30C7;&#x30A3;&#x30A2;&#x5F62;&#x5F0F; &#x3092;&#x6307;&#x5B9A;&#x3059;&#x308B;&#x5834;&#x5408;&#x306B;&#x7528;&#x3044;&#x307E;&#x3059;&#x3002;\"><code>&lt;source&gt;</code></a>\u3092\u542b\u3080\u3053\u3068\u304c\u3067\u304d\u308b\u30b3\u30f3\u30c6\u30ca\u3067\u3059\u3002\u30d6\u30e9\u30a6\u30b6\u306f\u3001\u73fe\u5728\u306e\u30da\u30fc\u30b8\u30ec\u30a4\u30a2\u30a6\u30c8\uff08\u753b\u50cf\u304c\u8868\u793a\u3055\u308c\u308b\u30dc\u30c3\u30af\u30b9\u306e\u5236\u7d04\uff09\u3068\uff08\u901a\u5e38\u3084hiDPI\u30c7\u30d0\u30a4\u30b9\u306e\u3088\u3046\u306a\uff09\u8868\u793a\u306e\u305f\u3081\u306e\u30c7\u30d0\u30a4\u30b9\u306b\u5fdc\u3058\u3066\u6700\u9069\u306a source \u3092\u9078\u629e\u3057\u307e\u3059\u3002", "localization_tags": [], "locale": "ja", "last_edit": "2016-08-15T03:11:12", "review_tags": []}, {"uuid": "c9559504-65e6-4840-b9dc-fb19a783b0ce", "title": "<picture>", "url": "/zh-CN/docs/Web/HTML/Element/picture", "tags": ["\u5f15\u7528", "\u5143\u7d20", "picture", "\u5b9e\u9a8c\u6027", "Web", "HTML"], "summary": "<strong>HTML <code>&lt;picture&gt;</code> \u5143\u7d20</strong>\u662f\u4e00\u4e2a\u5bb9\u5668\uff0c\u7528\u6765\u4e3a\u5176\u5185\u90e8\u7279\u5b9a\u7684 <a href=\"/zh-CN/docs/Web/HTML/Element/img\" title=\"HTML Image &#x5143;&#x7D20;&#xFF08;&#xA0;&lt;img&gt;&#xA0;&#xFF09;&#x4EE3;&#x8868;&#x6587;&#x6863;&#x4E2D;&#x7684;&#x4E00;&#x4E2A;&#x56FE;&#x50CF;&#x3002;\"><code>&lt;img&gt;</code></a> \u5143\u7d20\u63d0\u4f9b\u591a\u6837\u7684 <a href=\"/zh-CN/docs/Web/HTML/Element/source\" title=\"This page has no content. Enrich MDC by contributing.\"><code>&lt;source&gt;</code></a> \u5143\u7d20\u3002\u6d4f\u89c8\u5668\u4f1a\u6839\u636e\u5f53\u524d\u9875\u9762\uff08\u5373\u56fe\u7247\u6240\u5728\u7684\u76d2\u5b50\u7684\u5bb9\u5668\uff09\u7684\u5e03\u5c40\u4ee5\u53ca\u5f53\u524d\u6d4f\u89c8\u7684\u8bbe\u5907\uff08\u6bd4\u5982\u666e\u901a\u7684\u5c4f\u5e55\u548c\u9ad8\u6e05\u5c4f\u5e55\uff09\u53bb\u4ece\u4e2d\u9009\u62e9\u6700\u5408\u9002\u7684\u8d44\u6e90\u3002", "localization_tags": [], "locale": "zh-CN", "last_edit": "2016-07-17T08:19:44", "review_tags": []}], "modified": "2016-09-25T23:02:13", "label": "<picture>", "localization_tags": [], "locale": "en-US", "id": 123969, "last_edit": "2016-08-05T09:25:31", "summary": "The <strong>HTML <code>&lt;picture&gt;</code> element</strong> is a container used to specify multiple <a href=\"/en-US/docs/Web/HTML/Element/source\" title=\"The HTML &lt;source&gt; element specifies multiple media resources for either the &lt;picture&gt;, the &lt;audio&gt; or the &lt;video&gt; element. It is an empty element. It is commonly used to serve the same media content in multiple formats supported by different browsers.\"><code>&lt;source&gt;</code></a> elements for a specific <a href=\"/en-US/docs/Web/HTML/Element/img\" title=\"The HTML &lt;img&gt; element represents an image in the document.\"><code>&lt;img&gt;</code></a> contained in it. The browser will choose the most suitable source according to the current layout of the page (the constraints of the box the image will appear in) and the device it will be displayed on (e.g. a normal or hiDPI device.)", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Usage_Context", "title": "Usage Context"}, {"id": "Attributes", "title": "Attributes"}, {"id": "Example_1_Using_the_media_attribute", "title": "Example 1: Using the "}, {"id": "Example_2_Using_the_type_attribute", "title": "Example 2: Using the "}, {"id": "Specifications", "title": "Specifications"}, {"id": "Browser_compatibility", "title": "Browser compatibility"}, {"id": "See_also", "title": "See also"}], "slug": "Web/HTML/Element/picture", "review_tags": []}