[html5] r5572 - [e] (0) image map example Fixing http://www.w3.org/Bugs/Public/show_bug.cgi?id=10518
whatwg at whatwg.org
whatwg at whatwg.org
Thu Sep 30 23:13:54 PDT 2010
Author: ianh
Date: 2010-09-30 23:13:53 -0700 (Thu, 30 Sep 2010)
New Revision: 5572
Modified:
complete.html
index
source
Log:
[e] (0) image map example
Fixing http://www.w3.org/Bugs/Public/show_bug.cgi?id=10518
Modified: complete.html
===================================================================
--- complete.html 2010-09-30 23:07:44 UTC (rev 5571)
+++ complete.html 2010-10-01 06:13:53 UTC (rev 5572)
@@ -214,7 +214,7 @@
<header class=head id=head><p><a class=logo href=http://www.whatwg.org/ rel=home><img alt=WHATWG height=101 src=/images/logo width=101></a></p>
<hgroup><h1>Web Applications 1.0</h1>
- <h2 class="no-num no-toc">Draft Standard — 30 September 2010</h2>
+ <h2 class="no-num no-toc">Draft Standard — 1 October 2010</h2>
</hgroup><p>You can take part in this work. <a href=http://www.whatwg.org/mailing-list>Join the working group's discussion list.</a></p>
<p><strong>Web designers!</strong> We have a <a href=http://blog.whatwg.org/faq/>FAQ</a>, a <a href=http://forums.whatwg.org/>forum</a>, and a <a href=http://www.whatwg.org/mailing-list#help>help mailing list</a> for you!</p>
<!--<p class="impl"><strong>Implementors!</strong> We have a <a href="http://www.whatwg.org/mailing-list#implementors">mailing list</a> for you too!</p>-->
@@ -33546,8 +33546,40 @@
</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><!DOCTYPE HTML>
+<TITLE>Babies™: Toys</TITLE>
+<HEADER>
+ <H1>Toys</H1>
+ <IMG SRC="/images/menu.gif"
+ ALT="Babies™ navigation menu. Select a department to go to its page."
+ USEMAP="#NAV">
+</HEADER>
+ ...
+<FOOTER>
+ <MAP NAME="NAV">
+ <P>
+ <A HREF="/clothes/">Clothes</A>
+ <AREA ALT="Clothes" COORDS="0,0,100,50" HREF="/clothes/"> |
+ <A HREF="/toys/">Toys</A>
+ <AREA ALT="Toys" COORDS="0,0,100,50" HREF="/toys/"> |
+ <A HREF="/food/">Food</A>
+ <AREA ALT="Food" COORDS="0,0,100,50" HREF="/food/"> |
+ <A HREF="/books/">Books</A>
+ <AREA ALT="Books" COORDS="0,0,100,50" HREF="/books/">
+ </MAP>
+</FOOTER></pre>
+
+ </div>
+
+
+
<h4 id=the-area-element><span class=secno>4.8.13 </span>The <dfn><code>area</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
@@ -33771,6 +33803,7 @@
</div>
+
<h4 id=image-maps><span class=secno>4.8.14 </span>Image maps</h4>
<!-- TESTS
Modified: index
===================================================================
--- index 2010-09-30 23:07:44 UTC (rev 5571)
+++ index 2010-10-01 06:13:53 UTC (rev 5572)
@@ -218,7 +218,7 @@
<header class=head id=head><p><a class=logo href=http://www.whatwg.org/ rel=home><img alt=WHATWG height=101 src=/images/logo width=101></a></p>
<hgroup><h1>HTML5 (including next generation additions still in development)</h1>
- <h2 class="no-num no-toc">Draft Standard — 30 September 2010</h2>
+ <h2 class="no-num no-toc">Draft Standard — 1 October 2010</h2>
</hgroup><p>You can take part in this work. <a href=http://www.whatwg.org/mailing-list>Join the working group's discussion list.</a></p>
<p><strong>Web designers!</strong> We have a <a href=http://blog.whatwg.org/faq/>FAQ</a>, a <a href=http://forums.whatwg.org/>forum</a>, and a <a href=http://www.whatwg.org/mailing-list#help>help mailing list</a> for you!</p>
<!--<p class="impl"><strong>Implementors!</strong> We have a <a href="http://www.whatwg.org/mailing-list#implementors">mailing list</a> for you too!</p>-->
@@ -33526,8 +33526,40 @@
</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><!DOCTYPE HTML>
+<TITLE>Babies™: Toys</TITLE>
+<HEADER>
+ <H1>Toys</H1>
+ <IMG SRC="/images/menu.gif"
+ ALT="Babies™ navigation menu. Select a department to go to its page."
+ USEMAP="#NAV">
+</HEADER>
+ ...
+<FOOTER>
+ <MAP NAME="NAV">
+ <P>
+ <A HREF="/clothes/">Clothes</A>
+ <AREA ALT="Clothes" COORDS="0,0,100,50" HREF="/clothes/"> |
+ <A HREF="/toys/">Toys</A>
+ <AREA ALT="Toys" COORDS="0,0,100,50" HREF="/toys/"> |
+ <A HREF="/food/">Food</A>
+ <AREA ALT="Food" COORDS="0,0,100,50" HREF="/food/"> |
+ <A HREF="/books/">Books</A>
+ <AREA ALT="Books" COORDS="0,0,100,50" HREF="/books/">
+ </MAP>
+</FOOTER></pre>
+
+ </div>
+
+
+
<h4 id=the-area-element><span class=secno>4.8.13 </span>The <dfn><code>area</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
@@ -33751,6 +33783,7 @@
</div>
+
<h4 id=image-maps><span class=secno>4.8.14 </span>Image maps</h4>
<!-- TESTS
Modified: source
===================================================================
--- source 2010-09-30 23:07:44 UTC (rev 5571)
+++ source 2010-10-01 06:13:53 UTC (rev 5572)
@@ -37091,8 +37091,40 @@
</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><!DOCTYPE HTML>
+<TITLE>Babies™: Toys</TITLE>
+<HEADER>
+ <H1>Toys</H1>
+ <IMG SRC="/images/menu.gif"
+ ALT="Babies™ navigation menu. Select a department to go to its page."
+ USEMAP="#NAV">
+</HEADER>
+ ...
+<FOOTER>
+ <MAP NAME="NAV">
+ <P>
+ <A HREF="/clothes/">Clothes</A>
+ <AREA ALT="Clothes" COORDS="0,0,100,50" HREF="/clothes/"> |
+ <A HREF="/toys/">Toys</A>
+ <AREA ALT="Toys" COORDS="0,0,100,50" HREF="/toys/"> |
+ <A HREF="/food/">Food</A>
+ <AREA ALT="Food" COORDS="0,0,100,50" HREF="/food/"> |
+ <A HREF="/books/">Books</A>
+ <AREA ALT="Books" COORDS="0,0,100,50" HREF="/books/">
+ </MAP>
+</FOOTER></pre>
+
+ </div>
+
+
+
<h4>The <dfn><code>area</code></dfn> element</h4>
<dl class="element">
@@ -37371,6 +37403,7 @@
</div>
+
<h4 id="image-maps">Image maps</h4>
<!-- TESTS
More information about the Commit-Watchers
mailing list