--- a/responsive-images/responsive-images.html Sat Sep 08 13:19:06 2012 -0400
+++ b/responsive-images/responsive-images.html Wed Sep 19 11:59:54 2012 -0400
@@ -1,4 +1,5 @@
-<!DOCTYPE html>
+
+<!DOCTYPE html>
<!-- saved from url=(0014)about:internet -->
<html>
<head>
@@ -99,7 +100,7 @@
<dfn><a href="http://www.w3.org/TR/html5/content-models.html#fallback-content">fallback content</a></dfn>,
<dfn><a href="http://www.w3.org/TR/html5/urls.html#valid-non-empty-url-potentially-surrounded-by-spaces">valid non-empty URL potentially surrounded by spaces</a></dfn>
and <dfn><a href="http://www.w3.org/TR/html5/common-microsyntaxes.html#valid-media-query">valid media query</a></dfn>
- are defined by the HTML 5 specification [[!HTML5]].</dd>
+ are defined by the HTML 5 specification [[!HTML5]].</dd>
<dt>RFC2046</dt>
<dd>The term <dfn>media type</dfn> is defined by the Media Queries Specification [[!RFC2046]].</dd>
@@ -164,11 +165,19 @@
</section><!-- source-permitted-attr -->
<section id="srcset-attribute">
- <h3>Srcset attribute</h3>
- <p>The <dfn><code>srcset</code> attribute</dfn> is based on the proposed <a>image-set notation</a> and follows the same syntax:</p>
- <p><em>srcset</em> = <code>srcset( [ <srcset-decl>, ]* [ <srcset-decl> | <color>] ) <em>srcset-decl</em> = [ <url> | <string> ] <resolution></code></p>
+ <h3>The <code>srcset</code> attribute</h3>
+ <p>The <dfn><code>srcset</code> attribute</dfn> is a comma-separated list of <a>valid non-empty URL potentially surrounded by spaces</a> referring to alternate <a>media resource</a>s for a single image at different resolutions.</p>
+ <p>The value of the srcset attribute is the <a><dfn>image-set notation</dfn></a> mico-syntax.</p>
+ <h3><a>The image-set notation</a> micosyntax </h3>
+ <p>The <a><dfn>image-set notation</dfn></a> micosyntax is defined by the following [[!ABNF]]:</p>
+ <pre><dfn id="srcset-abnf">srcset</dfn> = ( [ <srcset-decl>, ]* [ <srcset-decl> | <color>] )
+srcset-decl = [ <url> | <string> ] <resolution>
+<dfn>color</dfn> = ??
+<dfn>url</dfn> = ??
+<dfn>string</dfn> = ??
+<dfn>resolution</dfn> = </pre>
- <p>Sample srcset attribute:</p>
+ <p>Sample of the image-set notation microsyntax:</p>
<pre class="example">srcset="med-1.jpg 1x, med-2.jpg 2x"</pre>
</section><!-- srcset-attribute -->