hixie: image map example (whatwg r5572)

hixie: image map example (whatwg r5572)

http://dev.w3.org/cvsweb/html5/spec/Overview.html?r1=1.4453&r2=1.4454&f=h
http://html5.org/tools/web-apps-tracker?from=5571&to=5572

===================================================================
RCS file: /sources/public/html5/spec/Overview.html,v
retrieving revision 1.4453
retrieving revision 1.4454
diff -u -d -r1.4453 -r1.4454
--- Overview.html 30 Sep 2010 23:07:51 -0000 1.4453
+++ Overview.html 1 Oct 2010 06:13:58 -0000 1.4454
@@ -316,7 +316,7 @@
 
    <h1>HTML5</h1>
    <h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2>
-   <h2 class="no-num no-toc" id="editor-s-draft-30-september-2010">Editor's Draft 30 September 2010</h2>
+   <h2 class="no-num no-toc" id="editor-s-draft-1-october-2010">Editor's Draft 1 October 2010</h2>
    <dl><dt>Latest Published Version:</dt>
     <dd><a href="http://www.w3.org/TR/html5/">http://www.w3.org/TR/html5/</a></dd>
     <dt>Latest Editor's Draft:</dt>
@@ -422,7 +422,7 @@
   Group</a> is the W3C working group responsible for this
   specification's progress along the W3C Recommendation
   track.
-  This specification is the 30 September 2010 Editor's Draft.
+  This specification is the 1 October 2010 Editor's Draft.
   </p><!-- UNDER NO CIRCUMSTANCES IS THE PRECEDING PARAGRAPH TO BE REMOVED OR EDITED WITHOUT TALKING TO IAN FIRST --><!-- relationship to other work (required) --><p>Work on this specification is also done at the <a href="http://www.whatwg.org/">WHATWG</a>. The W3C HTML working group
   actively pursues convergence with the WHATWG, as required by the <a href="http://www.w3.org/2007/03/HTML-WG-charter">W3C HTML working
   group charter</a>.</p><!-- UNDER NO CIRCUMSTANCES IS THE FOLLOWING PARAGRAPH TO BE REMOVED OR EDITED WITHOUT TALKING TO IAN FIRST --><!-- required patent boilerplate --><p>This document was produced by a group operating under the <a href="http://www.w3.org/Consortium/Patent-Policy-20040205/">5
@@ -23912,6 +23912,36 @@
   <p>The IDL attribute <dfn id="dom-map-name" title="dom-map-name"><code>name</code></dfn> must
   <a href="#reflect">reflect</a> the content attribute of the same name.</p>
 
+  </div><div class="example">
+
+   <p>Image maps can be defined in conjunction with other content on
+   the page, to ease maintenance. This example is of a page with an
+   image map at the top of the page and a corresponding set of text
+   links at the bottom.</p>
+
+   <pre>&lt;!DOCTYPE HTML&gt;
+&lt;TITLE&gt;Babies&trade;: Toys&lt;/TITLE&gt;
+&lt;HEADER&gt;
+ &lt;H1&gt;Toys&lt;/H1&gt;
+ &lt;IMG SRC="/images/menu.gif"
+      ALT="Babies&trade; navigation menu. Select a department to go to its page."
+      USEMAP="#NAV"&gt;
+&lt;/HEADER&gt;
+ ...
+&lt;FOOTER&gt;
+ &lt;MAP NAME="NAV"&gt;
+  &lt;P&gt;
+   &lt;A HREF="/clothes/"&gt;Clothes&lt;/A&gt;
+   &lt;AREA ALT="Clothes" COORDS="0,0,100,50" HREF="/clothes/"&gt; |
+   &lt;A HREF="/toys/"&gt;Toys&lt;/A&gt;
+   &lt;AREA ALT="Toys" COORDS="0,0,100,50" HREF="/toys/"&gt; |
+   &lt;A HREF="/food/"&gt;Food&lt;/A&gt;
+   &lt;AREA ALT="Food" COORDS="0,0,100,50" HREF="/food/"&gt; |
+   &lt;A HREF="/books/"&gt;Books&lt;/A&gt;
+   &lt;AREA ALT="Books" COORDS="0,0,100,50" HREF="/books/"&gt;
+ &lt;/MAP&gt;
+&lt;/FOOTER&gt;</pre>
+
   </div><h4 id="the-area-element"><span class="secno">4.8.12 </span>The <dfn><code>area</code></dfn> element</h4><dl class="element"><dt>Categories</dt>
    <dd><a href="#flow-content">Flow content</a>.</dd>
    <dd><a href="#phrasing-content">Phrasing content</a>.</dd>

Received on Friday, 1 October 2010 06:15:08 UTC