You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
This repository was archived by the owner on Mar 30, 2021. It is now read-only.
and to the extent that those facilities work similarly / are standard across browser implementations, the Custom Type Extension Element is functional. However, as the Custom Element implementation
239
239
is intended to provide a proof of concept, efforts to polyfill browser provided facilities such as SVG support have not been made to date. It is unclear whether such effort would be worthwhile.</p>
240
240
<p><strong>Ease of authoring</strong>: </p>
241
-
<p>The <code><map></code> element is primarily intended to simplify the authoring of Web maps, eliminating the hard requirement for script or allowing progressive enhancement the behavior of the element
242
-
through script. Additionally, the use of declarative markup enables the use of CSS technology for cartographic and other user experience criteria.</p>
241
+
<p>The <code><map></code> element is primarily intended to simplify the authoring of dynamic Web maps, eliminating the hard requirement for script or allowing progressive enhancement of the element
242
+
with script. Additionally, the use of declarative markup enables the use of standard CSS techniques for cartographic and other user experience criteria.</p>
<p><em>Please define the features of the specification here, including the necessary elements, attributes, attribute values, interfaces, methods, and other features.</em></p>
253
-
254
-
<p><em>Authors are encouraged to also describe features in terms of the IDL using Web IDL [<ahref="#ref-WebIDL">WebIDL</a>] blocks inline.</em></p>
255
-
256
-
<pclass="note"><strong>Note:</strong> Specification authors are encouraged to use the <ahref="http://www.w3.org/People/Schepers/spec-conventions.html">W3C Typographic Conventions</a> for marking up and styling their documents.</p>
<dd>If the element has an <code>is="mapml-map"</code> attribute: <ahref="http://www.w3.org/TR/2014/REC-html5-20141028/dom.html#embedded-content">Embedded content</a>.</dd>
258
+
<dd>If the element has an <code>is="mapml-map"</code> attribute: <ahref="http://www.w3.org/TR/2014/REC-html5-20141028/dom.html#interactive-content">Interactive content</a>.</dd>
259
+
<dt><ahref="http://www.w3.org/TR/2014/REC-html5-20141028/dom.html#element-dfn-contexts">Contexts in which this element can be used</a>:</dt>
260
+
<dd>If the element has an <code>is="mapml-map"</code> attribute: where <ahref="http://www.w3.org/TR/2014/REC-html5-20141028/dom.html#embedded-content">embedded content</a> is expected.</dd>
261
+
<dd>If the element does not have an <code>is="mapml-map"</code> attribute: where <ahref="http://www.w3.org/TR/2014/REC-html5-20141028/dom.html#phrasing-content-1">phrasing content</a> is expected.</dd>
<dd>If the element has an <code>is="mapml-map"</code> attribute: zero or more <code>layer</code> elements.</dd>
264
+
<dd>If the element does not have an <code>is="mapml-map"</code> attribute: <ahref="http://www.w3.org/TR/2014/REC-html5-20141028/dom.html#transparent">Transparent</a>.</dd>
<dd><code><ahref="#attr-map-name">name</a></code> - Name of <ahref="http://www.w3.org/TR/2014/REC-html5-20141028/embedded-content-0.html#image-map">image map</a> to reference from the <code><ahref="#attr-hyperlink-usemap">usemap</a></code> attribute. If a <code>map</code> element
268
+
has a <code>name</code> attribute, it must not have an <code>is="mapml-map"</code> attribute, and vice versa. <em>In a native implementation it might be possible to drive behavior based on the presence or absence of the
269
+
<code>name</code> attribute alone.</em></dd>
270
+
<dd><code><ahref="#attr-map-is">is="mapml-map"</a></code> - designates the <code>map</code> element as a cartographic media element. If the <code>map</code> element has an <code>is="mapml-map"</code> attribute,
271
+
it must not have a <code>name</code> attribute, and vice versa.</dd>
272
+
<dd><code><ahref="#attr-map-zoom">zoom</a></code> - a positive integer zoom (scale) value</dd>
273
+
<dd><code><ahref="#attr-map-lat">lat</a></code> - a decimal WGS84 latitude value for the map center</dd>
274
+
<dd><code><ahref="#attr-map-lon">lon</a></code> - a decimal WGS84 longitude value for the map center</dd>
<p>The <code><ahref="#the-map-element">map</a></code> element, in conjunction with an <code><ahref="http://www.w3.org/TR/2014/REC-html5-20141028/embedded-content-0.html#the-img-element">img</a></code> element and any
293
+
<code><ahref="http://www.w3.org/TR/2014/REC-html5-20141028/embedded-content-0.html#the-area-element">area</a></code> element descendants, defines an <ahref="http://www.w3.org/TR/2014/REC-html5-20141028/embedded-content-0.html#image-map">image map</a>. The element
294
+
<ahref="http://www.w3.org/TR/2014/REC-html5-20141028/dom.html#represents">represents</a> its children.</p>
295
+
<p>The <dfnid="attr-map-name"><code>name</code></dfn> attribute gives the map a name so that
296
+
it can be referenced. The attribute must be present and must have a non-empty value with no <ahref="http://www.w3.org/TR/2014/REC-html5-20141028/infrastructure.html#space-character">space characters</a>. The value of the <code><ahref="#attr-map-name">name</a></code> attribute must not be a <ahref="infrastructure.html#compatibility-caseless">compatibility-caseless</a> match for the value of the <codedata-anolis-xref="attr-map-name"><ahref="#attr-map-name">name</a></code> attribute of another <code><ahref="#the-map-element">map</a></code> element in the same
297
+
document. If the <code><ahref="http://www.w3.org/TR/2014/REC-html5-20141028/dom.html#the-id-attribute">id</a></code> attribute is also specified, both attributes must
<p>Returns an <code><ahref="http://www.w3.org/TR/2014/REC-html5-20141028/infrastructure.html#htmlcollection">HTMLCollection</a></code> of the <code><ahref="http://www.w3.org/TR/2014/REC-html5-20141028/embedded-content-0.html#the-area-element">area</a></code> elements in the
<p>Returns an <code><ahref="http://www.w3.org/TR/2014/REC-html5-20141028/infrastructure.html#htmlcollection">HTMLCollection</a></code> of the <code><ahref="#the-img-element">img</a></code> and <code><ahref="http://www.w3.org/TR/2014/REC-html5-20141028/embedded-content-0.html#the-object-element">object</a></code>
313
+
elements that use the <code><ahref="#the-map-element">map</a></code>.</p>
314
+
315
+
</dd>
316
+
317
+
</dl>
318
+
<divclass="impl">
319
+
320
+
<p>The <dfnid="dom-map-areas"><code>areas</code></dfn> attribute must return an
321
+
<code><ahref="http://www.w3.org/TR/2014/REC-html5-20141028/infrastructure.html#htmlcollection">HTMLCollection</a></code> rooted at the <code><ahref="#the-map-element">map</a></code> element, whose filter matches only
<p>The <dfnid="dom-map-images"><code>images</code></dfn> attribute must return an
325
+
<code><ahref="http://www.w3.org/TR/2014/REC-html5-20141028/infrastructure.html#htmlcollection">HTMLCollection</a></code> rooted at the <code><ahref="http://www.w3.org/TR/2014/REC-html5-20141028/dom.html#document">Document</a></code> node, whose filter matches only
326
+
<code><ahref="#the-img-element">img</a></code> and <code><ahref="http://www.w3.org/TR/2014/REC-html5-20141028/embedded-content-0.html#the-object-element">object</a></code> elements that are associated with this <code><ahref="#the-map-element">map</a></code>
327
+
element according to the <ahref="#image-map">image map</a> processing model.</p>
328
+
329
+
<p>The IDL attribute <dfnid="dom-map-name"><code>name</code></dfn> must <ahref="http://www.w3.org/TR/2014/REC-html5-20141028/infrastructure.html#reflect">reflect</a>
330
+
the content attribute of the same name.</p>
331
+
332
+
</div>
333
+
<divclass="example">
334
+
335
+
<p>Image maps can be defined in conjunction with other content on the page, to ease maintenance.
336
+
This example is of a page with an image map at the top of the page and a corresponding set of
337
+
text links at the bottom.</p>
338
+
339
+
<pre><!DOCTYPE HTML>
340
+
<TITLE>Babies™: Toys</TITLE>
341
+
<HEADER>
342
+
<H1>Toys</H1>
343
+
<IMG SRC="/images/menu.gif"
344
+
ALT="Babies™ navigation menu. Select a department to go to its page."
0 commit comments