HTMLPictureElement

picture 要素 (HTML)

仕様書

歴史

[1] Pages using <picture> (sorted by MD5 of URL) (2007-12-27 01:29:06 +09:00 版) http://canvex.lazyilluminati.com/survey/2007-07-17/analyse.cgi/pages/tag/picture

[2] HTML5 IRC logs: freenode / #whatwg / 20071225 ( 版) http://krijnhoetmer.nl/irc-logs/whatwg/20071225#l-150

srcset 属性

[17] srcset 属性の項を参照してください。

RICG

[16] Responsive Images Community Group ( ( 版)) http://www.w3.org/community/respimg/

[7] The picture element ( ( 版)) http://picture.responsiveimages.org/

[14] Use Cases and Requirements for Standardizing Responsive Images ( ( 版)) http://www.w3.org/TR/2013/WD-respimg-usecases-20130226/

[19] IRC logs: freenode / #whatwg / 20130921 ( ( 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20130921

[3] IRC logs: freenode / #whatwg / 20130930 ( ( 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20130930

[4] Use Cases and Requirements for Standardizing Responsive Images ( ( 版)) http://www.w3.org/TR/2013/NOTE-respimg-usecases-20131107/

[5] Simplified Picture Element ( ( 版)) http://geekhood.net/picture-element.html

[6] The picture element ( ( 版)) http://www.w3.org/TR/2013/WD-html-picture-element-20130226/

[15] ResponsiveImages.org ( 版) http://responsiveimages.org/

HTML Standard への統合

[8] Web Applications 1.0 r8561 Internal annotations for future img stuff ( ( 版)) http://html5.org/tools/web-apps-tracker?from=8560&to=8561

[9] IRC logs: freenode / #whatwg / 20140402 ( ( 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20140402#l-136

[10] Web Applications 1.0 r8612 Remove the <img> stuff so that zcorpan can edit it instead. (this is purely editorial) ( ( 版)) http://html5.org/tools/web-apps-tracker?from=8611&to=8612

[11] [e] (0) Merge upstream changes for <img> · 08e2efd · whatwg/html-mirror ( ( 版)) https://github.com/whatwg/html-mirror/commit/08e2efd661728b8b2563cd5f144a89e3b6c5409f

[12] [whatwg] <picture> added to HTML ( (Simon Pieters 著, 版)) http://lists.w3.org/Archives/Public/public-whatwg-archive/2014Jun/0061.html

[13] History for source - ResponsiveImagesCG/picture-element ( ( 版)) https://github.com/ResponsiveImagesCG/picture-element/commits/gh-pages/source

[20] Move the normative bits of the picture spec to the HTML spec. · 60e9bbd · ResponsiveImagesCG/picture-element ( ( 版)) https://github.com/ResponsiveImagesCG/picture-element/commit/60e9bbd1514d7c51dabab5fb750881e9f3e6a478

[21] <picture> doesn't need to be palpable content since it contains an <img> · c8b726a · ResponsiveImagesCG/picture-element ( ( 版)) https://github.com/ResponsiveImagesCG/picture-element/commit/c8b726afabaa0d139edac7ca657a78d212484581

[22] srcsetsource も参照。

[23] Remove obsolete files · 4a49661 · ResponsiveImagesCG/picture-element ( 版) https://github.com/ResponsiveImagesCG/picture-element/commit/4a4966184b0b0de9a8897b5cd499f63eb8cea4df

[24] <picture> in SVG (Tab Atkins Jr. 著, 版) https://lists.w3.org/Archives/Public/www-svg/2015Mar/0115.html

[25] Include <picture> directly rather than through a build script · whatwg/html@d9cff6e ( 版) https://github.com/whatwg/html/commit/d9cff6e9a6fb2928ef5d3f3d8df4e4dd18fb9b4c

[26] Moved to whatwg/html · ResponsiveImagesCG/picture-element@972412b ( 版) https://github.com/ResponsiveImagesCG/picture-element/commit/972412b4aff6cb687d36fd165a7e0b8f5057562c

[27] Merge <picture> dependencies · whatwg/html@68b277d ( 版) https://github.com/whatwg/html/commit/68b277d05dd6ac66321821de038e91fc90afc5fd

[28] Fix #414: Factor out "use srcset or picture" to avoid grammatical amb… · whatwg/html@5fa33f0 ( 版) https://github.com/whatwg/html/commit/5fa33f072011f29ed56adb0f2f63bb4404c92aae

[29] Fix #478: Set currentSrc to input if resolve fails · whatwg/html@5e6f6ae ( 版) https://github.com/whatwg/html/commit/5e6f6aeaaf5c2a1ca77207cd3954370a83a1f2f0

[30] Change step 11 of 'Update the image data' into substeps · whatwg/html@16eb8bb ( 版) https://github.com/whatwg/html/commit/16eb8bb254dde2d0ab5617c410d46a87485065c8

[31] Add images to embedded content introduction's examples · whatwg/html@14111f6 ( 版) https://github.com/whatwg/html/commit/14111f62f041fec58a8a622ea042273e12b5f271

[32] Fix #471: Change step 5.3 of 'Update the image data' into substeps · whatwg/html@ea2341f ( 版) https://github.com/whatwg/html/commit/ea2341f721972d87876d26aa6c48de331d085ed3

[33] Add acks and commit history for <picture> · whatwg/html@944e07d ( 版) https://github.com/whatwg/html/commit/944e07d6b5ca6fe3c9785d7309248d9ec1cf76c3

[34] Add sizes="" et al to the Index section · whatwg/html@dfe18ac ( 版) https://github.com/whatwg/html/commit/dfe18acf2b4834be5b63cf6bebb97245a1b2a910

[35] Merge source element definitions · whatwg/html@d8f4b79 ( 版) https://github.com/whatwg/html/commit/d8f4b792dcaa6e205a7af2c074ee59cd838717d7

[36] Editorial: restructure the <img>-related sections (zcorpan著, ) https://github.com/whatwg/html/commit/819272910bb1355bb3c45dc4976d71c1152eb723

[37] Cleaning up 'optionally-blockable'. (mikewest著, ) https://github.com/w3c/webappsec-mixed-content/commit/2ff806843a8e634d7d47484db185b995d2d6a95c

[38] Fixing link to 'use srcset or picture'. (mikewest著, ) https://github.com/w3c/webappsec-mixed-content/commit/e6220c8d697475562b778b41d18f9623a24c17cd


[40] picture が有意義に使われている例はほとんど見かけません。

[41] WordPress が (プラグインのどれかが?) 使っているので出現サイト数は無駄に多いみたいですが、 picture でもそうでなくても変わらないけど機械的に出力されているらしいものばかり。

[39] 暮らしに役立つプラットフォーム【ruum】(ルーム), https://www.ruum.me/shop/default.aspx

      <picture><img class="fade-in lazyloaded" data-src="/img/header/logo.svg" src="/img/header/logo.svg"></picture></a>
						<picture><img class="fade-in lazyload radius101000" data-src="/img/cms/639/639_01.jpg" decording="async">
							<div class="icon lato t-ss c-white new f-center">NEW</div>
							
							<div class="favoriteBtn" data-article="639">
								
								<img class="fade-in lazyload" data-src="/img/new/common/icon_heart_white.svg" decording="async">
								
							</div>
						</picture>

[42] >>39 これは figure と間違えている・・・というわけでもなさそうで謎